@charset "utf-8";
@font-face{font-family:'Oswald';src:url('../fonts/Oswald-Book.eot'); /*IE9*/src:url('../fonts/Oswald-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  
    url('../fonts/Oswald-Book.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Oswald-Book.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Oswald-Book.svg#DFSong') format('svg'); /* Legacy iOS */font-style:normal;font-weight:400;font-display:swap;}

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#333;font:normal 0.833334vw/1.875em 'Arial','Sans-serif';overflow-x:hidden;word-wrap:break-word;}
@media(min-width:1440px) and (max-width:1660px){
    body{ font-size:16px;}
}
@media(min-width:1200px) and (max-width:1440px){
    body{ font-size:14px;}
}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#c8161d;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:'Arial','Sans-serif';font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.75;color:inherit;}
input:-moz-placeholder{opacity:0.75;color:inherit;}
input::-webkit-input-placeholder{opacity:0.75;color:inherit;}
input:-ms-input-placeholder{opacity:0.75;color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:100em;margin:0 auto;}
.w1400{max-width:87.5em;}
.clear{clear:both;height:0px;overflow:hidden;}
.figure{overflow:hidden;position:relative;}
.figure a{display:block;}
.figure img{display:block;width:100%;height:auto;}
.figure .img{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submit{cursor:pointer;}

/*flex*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:middle;}

/*entry*/
.entry img{max-width:100%;height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
.entry table{border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;}
.entry th{background-color:#f9f9f9;text-align:center;}
.entry td,.entry th{padding:5px;border:1px solid #e4e4e4;}

/*footer*/
#footer{background-color:#091221;color:#fff;position:relative;}
#footer:after{width:23.4375%;padding-bottom:24.89583333%;background:url(../images/watermark.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:0;}
#footer .inner{position:relative;z-index:2;}

/*other*/
#other{justify-content:space-between;font-size:0.875em;line-height:2em;border-top:1px solid rgba(255,255,255,0.12);align-items:center;padding:1.42857143em 0 2.57142857em;}
#other a{color:#fff;}
#other a:hover{opacity:0.75;}

/*links*/
#links{position:relative;font-size:1.14285714em;width:16.25em;color:rgba(255,255,255,0.8);}
#links span{border:1px solid #2a313b;display:block;line-height:3.375em;padding:0 4.375em 0 1.25em;cursor:pointer;position:relative;}
#links span:before,#links span:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);}
#links span:before{width:1px;height:3.125em;background-color:rgba(255,255,255,0.12);right:3.125em;}
#links span:after{width:0.875em;height:0.5em;background:url(../images/arrow_down_01_white.png) no-repeat center center;background-size:contain;right:1.125em;}
#links ul{position:absolute;left:0;bottom:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5em 0;background-color:rgba(255,255,255,0.95);color:#333;max-height:13em;display:none;}
#links li{line-height:2em;}
#links a{display:block;padding:0.25em 1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;}

/*pagelist*/
#pagelist span{display:block;padding-right:1.28571429em;position:relative;}
#pagelist span:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;width:0.14285714em;height:0.14285714em;right:0.57142857em;}
#pagelist span:last-child:after{display:none;}

/*copyright*/
#copyright{width:calc(100% - 30em);text-transform:uppercase;}
#copyright .icp{margin:0 1.42857143em;}
#copyright a{display:inline-block;}

/*bottom*/
#bottom{padding:5.8125% 0 5%;}
#bottom .name{font-size:1em;color:#fff;line-height:1.65em;position:relative;font-weight:normal;}
#bottom .name:after{width:1.625em;height:0.125em;content:'';display:block;position:absolute;left:0;bottom:0;background-image:linear-gradient(90deg,#c8161d,transparent);}
#bottom .name a{color:#fff;}

/*infor*/
#infor{width:23.4375em;display:table-cell;vertical-align:top;position:relative;}
#infor:after{content:'';display:block;position:absolute;right:0;height:100%;width:1px;background-color:rgba(255,255,255,0.12);top:1.5625em;}
#infor .name{margin-bottom:1.875em;}
#infor .text{overflow:hidden;margin-bottom:3.07142857em;}
#infor .tel{font-family:'Oswald';font-size:1.5em;line-height:1.5em;margin-bottom:0.41666667em;}
#infor .tel span{display:inline-block;background:url(../images/hottel.svg) no-repeat left center;background-size:1.04166667em auto;padding-left:1.625em;vertical-align:middle;margin-right:0.91666667em;}
#infor .tel i{display:inline-block;background:url(../images/square.png) no-repeat center center;background-size:contain;font-size:0.58333333em;width:5.28571429em;height:1.85714286em;text-align:center;line-height:1.85714286em;vertical-align:middle;margin-top:-0.14285714em;font-style:normal;padding-left:0.07142857em;}
#infor .meta{color:rgba(255,255,255,0.4);font-size:0.875em;line-height:2.14285714em;}
#infor .qr h3{font-size:1em;color:rgba(255,255,255,0.8);line-height:1.35em;font-weight:normal;margin-bottom:0.8125em;}
#infor .qr li{width:4.25em;margin-right:0.875em;text-align:center;}
#infor .qr img{display:block;width:100%;height:auto;}
#infor .qr small{font-size:0.625em;line-height:2.5em;display:block;white-space:nowrap;position:relative;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.4);}

/*column*/
#column{display:table-cell;vertical-align:top;padding-left:5.9375em;}
#column .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#column .name{margin-bottom:0.85714286em;}
#column ul:not(:last-child){margin-bottom:4.28571429em;}
#column li{font-size:0.875em;line-height:2.14285714em;}
#column li a{color:rgba(255,255,255,0.4);display:inline-block;position:relative;}
#column li a:hover{color:#fff;}
#column .sub a{padding-left:1em;}
#column .sub a:before{width:0.14285714em;height:0.14285714em;background-color:rgba(255,255,255,0.4);left:0.35714286em;top:1em;content:'';display:block;position:absolute;}

/*header*/
#header{position:absolute;left:0;top:0;width:100%;z-index:8;color:#fff;}
#header a{color:#fff;}
#header .inner{display:table;table-layout:fixed;padding:22px 0;}

@media(min-width:1025px){
#header{transition:0.3s}
#header:hover{background-color:#fff}
#header:hover a{color:#333;}
#header:hover .sub li a{color:#333}
#header:hover .sub li a:hover{color:#e60012}
#header:hover #search span{background-image:url(../images/search-gray.svg);}
#header:hover #language:before{}
#header:hover #logo i:nth-child(1){display:none;}
#header:hover #logo i:nth-child(2){display:block;}
#header li .sub:not([data-type="tab"]){padding: 2vw 0 0 0 !important;}
#header li .sub:not([data-type="tab"]) li{padding:5px 0}
#header li#nav23 .sub{width:350%;padding:2vw 10px 0 !important}
#header li#nav23 .sub li{float: left;width:49%;}
#header li#nav23 .sub li:nth-child(even){ margin-right:2%;}
#navi .sub[data-type="tab"] .two-cate .item dd a{white-space: normal;}
}

/*logo*/
#logo{display:table-cell;vertical-align:middle;width:10.875%;font-size:1em;position:relative;z-index:4;}
#logo a{display:block;}
#logo i{display:block;padding-bottom:40.22988506%;background:no-repeat left center;background-size:contain;}
#logo i:nth-child(2){display:none;}

/*button*/
#button{display:table-cell;vertical-align:middle;width:8.625em;position:relative;z-index:8;}
#button .box{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*language*/
#language{width:5.4375em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;padding-left:2.25em;}
#language:before{width:1.25em;height:1.25em; no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0.5;}
#language:hover:before{opacity:1;}

/*search*/
#search span{display:block;width:1.375em;height:1.375em;background:url(../images/search.svg) no-repeat center center;background-size:contain;opacity:0.5;cursor:pointer;}
#search span:hover{opacity:1;}
#search .input{background-color:#c8161d;position:absolute;right:100%;top:100%;border-radius:1.3125em;z-index:8;overflow:hidden;width:15.625em;padding-right:2.5em;margin-right:-1.875em;display:none;}
#search .text{display:block;width:100%;height:2.5em;line-height:1.5em;padding:0.5em 0 0.5em 1em;color:#fff;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.5em;cursor:pointer;background:url(../images/search.svg) no-repeat center center;background-size:1em auto;}

/*navbtn*/
#navbtn{display:none;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;padding:0 1.875em;}
#navi .menu{justify-content:flex-end;}
#navi .parent{padding:0.625em 1.25em;position:relative;line-height:2em;}
#navi .parent > a {font-size:1.125em;}
#navi .parent.on > a{color:#c8161d;}
#navi a{display:block;}
#navi .drop{display:none;}
#navi .sub{position:absolute;left:50%;transform:translateX(-50%);top:100%;background-color:rgba(255,255,255,0.98);font-size:0.875em;padding:0.5em 0;}
#navi .sub:before{border-bottom:0.4em solid rgba(230,0,18,0.8);border-left:0.4em solid transparent;border-right:0.4em solid transparent;content:'';display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);}
#navi .sub a{white-space:nowrap;padding:0 1.5em;font-size:1.2em;}

#navi .sub a:hover{opacity:1;}
#navi em{display:none;}

/**/
#navi .sub[data-type="tab"] .sub-inner{position: relative;}
#navi .sub[data-type="tab"] .one-cate dt .one-cate-name a{color: #000; display: block;line-height: 22px; padding: 18px 15px 18px 50px;border-left: 6px solid transparent;font-size: 16px;position: relative;font-weight:bold;}
#navi .sub[data-type="tab"] .one-cate dt .one-cate-name a img{position: absolute; left: 10px; max-width: 26px;}
#navi .sub[data-type="tab"] .one-cate dt .one-cate-name a{font-size:1.2em;}
#navi .sub[data-type="tab"] .two-cate{background: #fff;}
#navi .sub[data-type="tab"] .two-cate .item{float: left; width:48%; margin-bottom: 4%;}
#navi .sub[data-type="tab"] .two-cate .item:not(:nth-child(2n)){margin-right: 4%;}
#navi .sub[data-type="tab"] .two-cate .item:nth-child(2n+1){clear: left;}
#navi .sub[data-type="tab"] .two-cate .item dd{line-height: 20px; padding:8px 0;}
#navi .sub[data-type="tab"] .two-cate .item dd a{color: #333;font-size:1.2em;}
#navi .sub[data-type="tab"] .two-cate .item dd a:hover{color: #e60012;}
#navi .sub[data-type="tab"] .two-cate-name{overflow: hidden; }
#navi .sub[data-type="tab"] .two-cate-name a{color: #000; float: left;max-width: 95%;padding-right: 30px;position: relative;font-size: 16px;font-weight:bold;}
#navi .sub[data-type="tab"] .two-cate-name a:before{position: absolute; content: '';right: 4px; top: 50%; margin-top: -4px; border-top:1px solid #333;border-right:1px solid #333; transform: rotate(45deg); width: 8px; height: 8px;}
@media(min-width:1025px){
#navi .sub[data-type="tab"]{ padding-top:2em;position: absolute; top:100%;}
#navi .sub[data-type="tab"] .sub-inner{background:#e8eaee;}
#navi .sub[data-type="tab"]{ width: 50vw;}
#navi .sub[data-type="tab"] .two-cate-list{display: none!important;}
#navi .sub[data-type="tab"] .one-cate{width: 22%;min-height: 360px; padding: 40px 0 40px 20px;}
#navi .sub[data-type="tab"] .one-cate dt.on .one-cate-name a{background: #fff;border-left-color: #e60012;}
#navi .sub[data-type="tab"] .two-cate .item.full{width: 100%; margin-right: 0}
#navi .sub[data-type="tab"] .two-cate .item.full dl{display: flex; flex-wrap: wrap; justify-content: space-between}
#navi .sub[data-type="tab"] .two-cate .item.full dl dd{width: 48%}
#navi .sub[data-type="tab"] .two-cate{position: absolute;right:0; top: 0;height: 100%; width: 78%; padding: 2vw;}
#navi .sub[data-type="tab"]  .scrollinfo{max-height: 100%;height: 100%;}
#navi .sub[data-type="tab"] .two-cate-name{margin-bottom:10px;}
}
@media(min-width:1025px) and (max-width:1440px){
#navi .sub[data-type="tab"][data-type="tab"]{ width: 60vw;}
}
@media(min-width:1440px) and (max-width:1680px){
    #navi .parent > a{ font-size:18px;}
    #navi .sub[data-type="tab"] .one-cate dt .one-cate-name a,
    #navi .sub a{ font-size:16px;}
}
@media(max-width:1024px){
#navi .sub[data-type="tab"] .sub-inner{padding: 3vw 0;}
#navi .sub[data-type="tab"] .two-cate-list,
#navi .sub[data-type="tab"] .two-cate-list dl,
#navi .sub[data-type="tab"] .two-cate{display: none;}
#navi .sub[data-type="tab"] .one-cate dt:not(:last-child) .one-cate-name{border-bottom: 1px solid rgba(0,0,0,0.2);}
#navi .sub[data-type="tab"] .one-cate dt .one-cate-name a{color: #fff}
#navi .sub[data-type="tab"] .one-cate dt .one-cate-name a img{filter: brightness(0) invert(1);}
#navi .sub[data-type="tab"] .one-cate-name{position: relative; padding-right: 40px;}
#navi .sub[data-type="tab"] .two-cate-list{background: rgba(0,0,0,0.1); padding: 10px 0;}
#navi .sub[data-type="tab"] .two-cate-list dl dd a{padding:5px 0 5px 60px}
#navi .sub[data-type="tab"] .two-cate-name{padding: 5px 0px 5px 30px;line-height: 30px;}
#navi .sub[data-type="tab"] .two-cate-name a{float: none; color: #fff}
#navi .sub[data-type="tab"] .two-cate-name a:before{border-top: 1px solid #fff;  border-right: 1px solid #fff;transition: 0.3s}
#navi .sub[data-type="tab"] .two-cate-name.show_dl a:before{transform: rotate(135deg)}
#navi .sub[data-type="tab"] .op-item{height: 100%;position: absolute; right: 0;top:0; width: 40px; height: 40px; transition: 0.3s;}
#navi .sub[data-type="tab"] .op-item.click{transform: rotate(180deg);}
#navi .sub[data-type="tab"] .op-item:before{position: absolute; content: '';border:6px solid transparent;border-top-color: #fff; left: 50%; top: 50%;margin: -3px 0 0 -6px;}
#navi .sub[data-type="tab"] .op-dd{height: 100%;position: absolute; right:20px;top:0; width: 40px; height: 40px; transition: 0.3s;}
}
/**/
/*fullpage*/
#fullpage{display:none;}
#fullpage.fullpage-wrapper{display:block;}
#fullpage .section .pdt{padding-top:8.125em;}
#fullpage .section .bg{background:no-repeat center center;background-size:cover;width:100vw;height:100vh;position:absolute;left:0;top:0;}
#fullpage .section .wap{display:none;}
#fullpage .section .inner{position:relative;z-index:2;}
.readmore .span{display:block;width:9.375em;height:2.875em;text-align:center;background:url(../images/readmore.png) no-repeat center center;background-size:contain;color:#fff;line-height:3em;}
.readmore .span:hover{    /*background-image: url(../images/readmore_02.png);*/
background-image:url(../images/readmore_hover.png);}
.readmore i{display:inline-block;background:url(../images/arrow_right_01.png) no-repeat right center;background-size:0.9375em auto;font-style:normal;padding-right:1.75em;transition:all 0.3s;}
.readmore .span:hover i{padding-right:2.1875em;}
body .slides-dots .swiper-pagination{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
body .slides-dots .swiper-pagination .swiper-pagination-bullet{width:1.25em;height:0.1875em;border-radius:0;margin:0 0.625em;background-color:#fff;opacity:0.4;transition:all 0.3s;}
body .slides-dots .swiper-pagination .swiper-pagination-bullet-active{opacity:1;width:3.33333333em;}
.swiper-arrows .swiper-button-arrow{width:2.5em;height:2.5em;border:1px solid rgba(255,255,255,0.4);position:relative;left:auto;top:auto;right:auto;margin-top:0;opacity:0.5;}
.swiper-arrows .swiper-button-arrow:after{font-size:0.875em;color:#fff;}
.swiper-arrows .swiper-button-arrow:hover:after{color: #c8161d;}

.swiper-arrows .swiper-button-prev{margin-right:0.375em;}
.swiper-arrows.mid .swiper-button-arrow{position:absolute;top:50%;transform:translateY(-50%);}
.swiper-arrows.mid .swiper-button-prev{left:0;}
.swiper-arrows.mid .swiper-button-next{right:0;}



/*slides*/
#slides .img{height:100vh;}
#slides video{width:100vw;height:100vh;position:absolute;z-index:2;left:0;top:0;object-fit:cover;display:none;}
#slides .play{width:6.25em;height:6.25em;background:url(../images/play.svg) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;margin:-3.125em 0 0 -3.125em;z-index:5;cursor:pointer;transition:all 0.3s;transform: translateZ(0);}
#slides .play:hover{transform:scale(0.9);}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;}
#slides .info{max-width:44.375em;}
#slides .date{font-size:1.875em;font-weight:bold;line-height:1.35em;margin-bottom:0.26666667em;}
#slides .title{font-size:3.125em;line-height:1.44em;margin-bottom:0.5em;font-weight:bold;}
#slides img{display:block;width:auto;max-width:100%;height:auto;max-height:1.8em;}
#slides .intro{font-size:1.125em;line-height:1.88888889em;margin-bottom:3.33333333em;}
#slides .swiper-pagination{bottom:8.33333333%;}
#slides .swiper-arrows{position:absolute;left:0;width:100%;bottom:8.33333333%;}
#slides .scroll{display:none;}
#slides .swiper-slide {height:100vh;}

/*hmbox*/
.hmbox .name{font-size:2.25em;font-weight:bold;line-height:1.55555556em;color:#fff;position:relative;}
.hmbox .square:after{width:1.27777778em;height:0.11111111em;background-color:#c8161d;display:block;content:'';margin-top:0.5em;}
.hmbox .intro{margin-top:1.875em;}
.hmbox .readmore{margin-top:4.25em;}

/*hmnews*/
#hmnews{overflow:hidden;}
#hmnews .inner{height:100%;}
#hmnews .swiper{width:100%;}
#hmnews .swiper .readmore{display:none;}
#hmnews .info{position:relative;z-index:5;}
#hmnews time{display:block;margin-bottom:0.25em;}
#hmnews .title{font-size:1.25em;font-weight:normal;line-height:1.8em;height:3.6em;-webkit-line-clamp:2;}
#hmnews .arrow{width:0.9375em;height:0.5625em;background:url(../images/arrow_right_01.png) no-repeat center center;background-size:contain;display:block;position:absolute;bottom:0;margin-bottom:9.45945946%;opacity:0;transition:all 0.3s;}
#hmnews .line{position:absolute;left:0;top:0;width:100%;height:100%;}
#hmnews .line:before,#hmnews .line:after{content:'';display:block;position:absolute;opacity:0.3;transition:all 0.3s;}
#hmnews .line:before{width:63.51351351%;height:1px;}
#hmnews .line:after{width:1px;height:47.5%;}
#hmnews .left:before,#hmnews .left:after{left:0;top:0;}
#hmnews .left:before{background-image:linear-gradient(90deg,#fff,transparent);}
#hmnews .left:after{background-image:linear-gradient(180deg,#fff,transparent);}
#hmnews .right:before,#hmnews .right:after{right:0;bottom:0;}
#hmnews .right:before{background-image:linear-gradient(90deg,transparent,#fff);}
#hmnews .right:after{background-image:linear-gradient(180deg,transparent,#fff);}
#hmnews .box{display:block;overflow:hidden;background-color:rgba(255,255,255,0.1);position:relative;padding:11.08108108% 8.10810811% 13.51351351%;color:#fff;transition:all 0.3s;}
#hmnews .swiper-wrapper{height:auto;}
#hmnews .swiper-arrows{justify-content:center;margin-top:2em;}
@media only screen and (min-width:751px){
    #hmnews .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:space-around;}
    #hmnews .name:after{display:none;}
    #hmnews .box{margin-top:8.10810811%;}
    #hmnews .box:hover{padding-bottom:21.62162162%;margin-top:0;background-color:transparent;background-image:linear-gradient(0deg,rgba(198,39,57,0.6),rgba(229,0,18,0.1));}
    #hmnews .box:hover .arrow{opacity:1;}
    #hmnews .box:hover .left:before{background-image:linear-gradient(90deg,#c8161d,transparent);}
    #hmnews .box:hover .left:after{background-image:linear-gradient(180deg,#c8161d,transparent);}
    #hmnews .box:hover .right:before{background-image:linear-gradient(90deg,transparent,#c8161d);}
    #hmnews .box:hover .right:after{background-image:linear-gradient(180deg,transparent,#c8161d);}
}

/*particle*/
#particle{position:absolute;left:0;bottom:0;}

/*hmdata*/
#hmdata{position:relative;}
#hmdata .list{margin-top:7.5em;}
#hmdata .list .readmore{display:none;}
#hmdata ul{position:relative;}
#hmdata li{width:14.2857%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;text-align:center;}
#hmdata .blank{height:7.5em;}
#hmdata .text{color:#fff;height:7.5em;background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);line-height:1.625em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all 0.3s;}
#hmdata .text:after{width:27.13347921%;padding-bottom:34.57330416%;background:url(../images/data_bg_icon.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:0;opacity:0;z-index:0;transition:all 0.3s;}
#hmdata .text p{position:relative;z-index:2;}
#hmdata .text:hover{background-color:rgba(200,22,29,0.85);border-color:rgba(200,22,29,0.85);}
#hmdata .text:hover:after{opacity:0.05;}
#hmdata .num{display:inline-block;font-size:2.875em;font-family:'Oswald';line-height:1.1em;margin-right:0.2173913em;vertical-align:bottom;}
#hmdata sup,#hmdata sub{position:absolute;font-size:1.625em;}
#hmdata sub{bottom:0;}
#hmdata li:nth-child(2n+1){flex-direction:column-reverse;}
#hmdata li:last-child{position:absolute;bottom:100%;right:0;}
#hmdata li:last-child .blank{display:none;}

/*swiper-wap-dots*/
.swiper-wap-dots .swiper-pagination{display:none;}

/*hmpro*/
#hmpro .img{height:100vh;}
#hmpro .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;}
#hmpro .info{width:42.5em;max-width:100%;background-color:rgba(11,66,138,0.8);border-radius:0.625em;padding:3.75em 5em;}
#hmpro .intro{max-height:7.5em;-webkit-line-clamp:4;}
#hmpro .icon{width:3em;margin:0 auto 1em;}
#hmpro .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;filter: brightness(0) invert(1);}
#hmpro .title{font-size:1em;text-align:center;font-weight:normal;line-height:1.625em;}
#hmpro .children a{color:#ffffff}
#hmpro .children{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;margin-top:1.6875em;}
/*
#hmpro .swiper-button-arrow{display:none;}
#hmpro .children .swiper-slide{width:8.125em;max-width:30%;}
#hmpro .children .swiper .swiper-slide{max-width:none;}
*/


#hmpro .readmore{margin-top:3.125em;}
#hmpro .swiper{width:100%;}
#hmpro .swiper-button-arrow{width:1em;height:3.125em;font-size:1em;color:#fff;background-color:rgba(255,255,255,0.11);opacity:1;text-align:center;line-height:3.125em;margin-top:0;transform:translateY(-50%);z-index:5;cursor:pointer;}
#hmpro .swiper-button-arrow:after{font-size:0.6em;}
#hmpro .swiper-button-prev{left:-7.69230769%;border-radius:0.3125em 0 0 0.3125em;}
#hmpro .swiper-button-next{right:-7.69230769%;border-radius:0 0.3125em 0.3125em 0;}

/*hmsol*/
#hmsol{overflow:hidden;}
#hmsol .swiper{}
#hmsol .swiper-slide{position:relative;transition:all 0.3s;}
#hmsol .swiper-slide:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2;transition:all 0.3s;}
#hmsol .swiper-slide-next{cursor:pointer;}
#hmsol .img{height:100vh;}
#hmsol .text{position:absolute;top:50%;transform:translateY(-50%);padding:0 10em;color:#fff;z-index:3;}
#hmsol .name{font-size:2.25em;line-height:1.55555556em;width:auto;transition:all 0.3s;}
#hmsol .name:after{}
#hmsol .on{}
#hmsol .intro{max-height:9.375em;-webkit-line-clamp:5;}
#hmsol .box{max-width:25em;}
#hmsol .swiper-slide-duplicate-active,
#hmsol .swiper-slide-active{width:82.29166667%;}
#hmsol .swiper-slide-duplicate-active:before,
#hmsol .swiper-slide-active:before{opacity:0;}
#hmsol .swiper-slide-duplicate-active .name,
#hmsol .swiper-slide-duplicate-active .name:after,
#hmsol .swiper-slide-active .name:after{opacity:1;}
#hmsol .swiper-slide-duplicate-active .on,
#hmsol .swiper-slide-active .on{display:block;}
#hmsol .swiper-arrows  .swiper-button-next{ width: 2.5em; height: 2.5em; border: none; position: absolute; right: 7%; top: 48%; margin-top: 0; opacity: 6.5; z-index: 9; font-size: 2.5em;}
#hmsol .swiper-arrows .swiper-button-prev{ width: 2.5em; height: 2.5em; border: none; position: absolute; left: 1%; top: 50%; margin-top: 0; opacity: 6.5; z-index: 9; font-size: 2.5em; }
@media only screen and (min-width:750px){
#slides video.wap_video{display:none!important}
}
.float_icon{cursor:pointer;position:fixed;width:68px;height:68px;bottom:5%;right:2%;border-radius:100px;background:#c8161d url(../images/float_icon.png) no-repeat center top;background-size:100%}
.float_icon i{font-style:normal;display:block;text-align:center;color:#fff;padding-top:35px;font-size:14px}
@media only screen and (max-width:750px){
    .float_icon{width:50px;height:50px;}
    .float_icon  i{padding-top:24px;font-size:12px;}
}
#banner{position:relative;background:no-repeat center center;background-size:cover;color:#fff;}
#banner .img{padding-bottom:36.45833333%;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;margin-top:1.82291667%;}
#banner .box{font-size:2.875em;}
#banner .name{font-size:1em;line-height:1.5em;}
#banner .intro{font-size:0.43478261em;line-height:1.5em;margin-top:0.71428571%;}

/*bar*/
#bar{background-color:#fff;box-shadow:0px 0.3125em 1em rgba(0,30,61,0.05);position:relative;z-index:2;}
#bar .inner{flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}

/*breadcrumb*/
#breadcrumb{color:#999;}
#breadcrumb a,#breadcrumb i,#breadcrumb span{display:inline-block;vertical-align:middle;}
#breadcrumb a{color:#999;}
#breadcrumb a:first-child{background:url(../images/icon_home.png) no-repeat left center;background-size:0.9375em auto;padding-left:1.75em;}
#breadcrumb a:hover{color:#c8161d;}
#breadcrumb i{font-style:normal;margin:0 0.625em;}

/*submenu*/
#submenu ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#submenu li{padding:1.5625em 1.875vw;position:relative;}
#submenu li:after{width:100%;height:0.1875em;background-color:#c8161d;content:'';display:block;position:absolute;left:0;bottom:0;opacity:0;}
#submenu a{color:#333;white-space:nowrap;display:block;}
#submenu a:hover{color:#c8161d;}
#submenu .cur:after{opacity:1;}
#submenu .cur a{color:#000;}

/*columnname*/
.columnname{font-size:2em;line-height:1.25em;font-weight:normal;margin-bottom:5.35714286%;}
.columnname.center{text-align:center;}
.columnname.white{color:#fff;}
.columnintro{font-size:1.125em;color:#999;line-height:1.75em;}
.columnbox .columnname{margin-bottom:0;}
.columnbox .columnintro{margin-top:0.72222222em;}
.columnbox.center{text-align:center;}

/*exhibition*/
#exhibition{position:relative;color:#fff;text-align:center;}
#exhibition .figure:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
#exhibition .img{padding-bottom:44.79166667%;}
#exhibition .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;}
#exhibition .columnname{margin-bottom:0.78125em;}
#exhibition .intro{font-size:1.125em;line-height:1.75em;margin-bottom:3.44444444em;}
#exhibition .readmore{display: flex; justify-content:center}
#exhibition .readmore .open_video{margin-right: 30px;position: relative; cursor: pointer;}
#exhibition .readmore .open_video i{background: none}
#exhibition .readmore .open_video i:after{content: ''; position: absolute; right:10px; top: 0; bottom: 0; margin: auto; border-radius: 100px; width:30px; height: 30px; background: url("../images/play.svg") no-repeat center center;background-size: contain}

/*wrapper*/
#wrapper{padding:4.6875% 0 5.46875%;overflow:hidden;}

/*about*/
#about .data{width:36.25em;float:right;margin-left:8.57142857%;text-align:center;line-height:1.625em;}
#about .data ul{margin-bottom:3.125em;border-bottom:1px solid #eae9e9; display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;}
#about .data ul:after{width:1.25em;height:0.5625em; background:url(../images/icon_01.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;bottom:0;}
#about .data ul:nth-child(2n):after{left:auto;right:0;}
#about .data li{width:8.75em;padding-bottom:0.8em;}
#about .data li:nth-child(1){width:4.375em;}
#about .data li:nth-child(4){width:7.5em;}
#about .data span{font-size:2.875em;line-height:1em;display:inline-block;font-family:'Oswald';}
#about .code{font-size:1.25em;line-height:2em;margin-bottom:0.3em;}
#about .columnname{margin-bottom:1.4375em;}
#about .entry{text-align:justify;}

/*culture*/
#culture{padding:4.6875% 0;}
#culture ul{width:101.46428571%;}
#culture li{width:33.333%;padding-right:1.44315382%;padding-bottom:1.44315382%;}
#culture li:nth-child(n+4){width:50%;}
#culture .info{position:relative;padding:2.5em 2.5em 2em;background-color:#f7f7f7;transition:all 0.3s;height:100%;}
#culture .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-image:linear-gradient(90deg,#c8161d,transparent);z-index:1;transition:all 0.3s;}
#culture .figure{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.1;transition:all 0.3s;}
#culture .img{height:100%;}
#culture .icon{position:relative;z-index:2;width:3.1875em;margin-bottom:4.625em;}
#culture .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#culture .icon i:nth-child(2){display:none;}
#culture .text{position:relative;z-index:2;}
#culture .name{font-size:1.5em;line-height:1.33333333em;font-weight:normal;margin-bottom:0.29166667em;}
#culture .info:hover{background-color:#c8161d;color:#fff;}
#culture .info:hover:before{opacity:1;}
#culture .info:hover .figure{opacity:0.5;}
#culture .info:hover .icon i:nth-child(1){display:none;}
#culture .info:hover .icon i:nth-child(2){display:block;}

/*ctlist*/
#ctlist .item{background-color:#f7f7f7;align-items:center;}
#ctlist .item:hover .img{transform:scale(1.05);}
#ctlist .figure{width:50%;}
#ctlist .img{padding-bottom:62.5%;}
#ctlist .text{width:50%;}
#ctlist .box{width:50em;max-width:100%;padding:0 10.41666667%;}
#ctlist .title{font-size:1.5em;font-weight:normal;line-height:1.33333333em;margin-bottom:1.125em;}
#ctlist .entry{max-height:16.875em;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2.5em;}
#ctlist .item:nth-child(2n){flex-direction:row-reverse;}
#ctlist .item:nth-child(2n) .text{justify-content:flex-end;}

/*responsibility*/
#responsibility{width:103.92857143%;}
#responsibility .item{width:33.333%;padding-right:3.78006873%;padding-bottom:3.78006873%;}
#responsibility .img{padding-bottom:66.51162791%;}
#responsibility .info{position:relative;}
#responsibility .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0px 0.1875em 1.5em rgba(0,0,0,0.08);border-bottom-right-radius:4.6875em;opacity:0;}
#responsibility .box{position:relative;z-index:2;}
#responsibility .text{padding:1.5em 1.875em 1.875em;background:url(../images/box_bg_01.png) no-repeat center bottom;background-size:100% 100%;}
#responsibility .title{font-size:1.25em;font-weight:normal;line-height:1.5em;margin-bottom:0.3em;}
#responsibility .date{color:#999;font-weight:lighter;margin-bottom:1.25em;}
#responsibility .meta a{display:block;overflow:hidden;border:1px solid #e5e5e5;width:5.625em;text-align:center;margin-right:0.625em;color:#666;font-weight:lighter;height:2.25em;line-height:2.125em;}
#responsibility .meta a:last-child{margin-right:0;}
#responsibility .meta a:hover{background-color:#c8161d;border-color:#c8161d;color:#fff;}
#responsibility .meta a:hover i:before{background-position:0 100%;}
#responsibility .meta i{font-style:normal;background:no-repeat 0 100%;padding-left:1.625em;display:inline-block;position:relative;}
#responsibility .meta i:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);height:0.8125em;width:1.125em;background:no-repeat 0 0;background-size:100% auto;}
#responsibility .meta .read i:before{background-image:url(../images/icon_02.png);}
#responsibility .meta .file i{padding-left:1.25em;}
#responsibility .meta .file i:before{background-image:url(../images/icon_03.png);width:0.75em;}
#responsibility .info:hover:before{opacity:1;}
#responsibility .info:hover .text{background-image:url(../images/box_bg_01_on.png);}
#responsibility .info:hover .img{transform:scale(1.05);}

/*pagenavi*/
#pagenavi{justify-content:center;}
#pagenavi a{display:block;margin:0.3125em;height:3.75em;line-height:3.75em;min-width:3.75em;text-align:center;padding:0 0.3125em;position:relative;background:url(../images/pagenavi.png) no-repeat center center;background-size:100% 100%;}
#pagenavi a:hover,#pagenavi .a_cur{background-image:url(../images/pagenavi_on.png);color:#fff;}
#pagenavi span.p_page{display:flex;justify-content:center;}
#pagenavi em{font-style:normal;}
#pagenavi a.a_prev,
#pagenavi a.a_next{color:transparent;position:relative}
#pagenavi a.a_prev:before,
#pagenavi a.a_next:before{font-size:16px;position:absolute;left:0;top:0;color:#666;width:100%}
#pagenavi a.a_prev:before{content:"<";}
#pagenavi a.a_next:before{content:">";}
#pagenavi a.a_prev:hover:before,
#pagenavi a.a_next:hover:before{color:#fff}

/*contact*/
#contact{padding:4.6875% 0 6.25%;overflow:hidden;}
#contact .inner{position:relative;}
#contact .columnbox{margin-bottom:2em;margin-right:37.5em;}
#contact .map{height:37.5em;position:relative;background:no-repeat center center;background-size:cover;border:1px solid #e5e5e5;}
#contact #allmap{position:absolute;left:0;top:0;width:100%;height:100%;}
#contact .info{position:absolute;top:0;right:1.25em;z-index:2;background-color:#f7f7f7;width:32.5em;max-width:80%;padding:3.125em 3.125em 2.75em;z-index:1000;}
#contact .info .name{font-size:1.5em;font-weight:normal;line-height:1.66666667em;margin-bottom:1.16666667em;}
#contact .info li{border-bottom:1px dashed #dcdcdc;padding:0.9375em 0.75em 0.875em;font-size:1.125em;line-height:1.65em;}
#contact .info li:last-child{border-bottom:none;}
#contact .info .box{padding-left:2.77777778em;background:no-repeat left center;background-size:1.44444444em auto;}
#contact .info span{font-size:0.88888889em;color:#999;}
#contact .tdt-infowindow-content{width:auto!important;}

/*mapinfo*/
#mapinfo{font-size:0.833334vw;padding:0.625em;width:26.25em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#mapinfo .icon{width:3.125em;}
#mapinfo .icon:after{display:block;content:'';background:url(../images/logo_01.png) no-repeat center center;background-size:contain;padding-bottom:100%;}
#mapinfo .text{width:calc(100% - 4.375em);}
#mapinfo h3{font-size:1em;font-weight:normal;line-height:1.875em;}
#mapinfo p{color:#666;margin:0;/*font-weight:lighter;*/font-size:1em;line-height:1.875em;}

/*msgform*/
.msgform .item{margin-bottom:1.875em;}
.msgform .input{position:relative;}
.msgform .text{background-color:#fff;color:#999;height:4.375em;line-height:1.875em;padding:1.25em 1.875em;display:block;width:100%;}
.msgform .text:focus{color:#333;}
.msgform textarea{resize:none;}
.msgform textarea.text{height:10em;}
.msgform em{font-style:normal;position:absolute;top:1.25em;color:#c8161d;right:1.875em;}
.msgform .column{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.msgform .column .item{width:48.4375%;}
.msgform .verfity{width:25em;max-width:calc(100% - 1.25em);margin-right:1.25em;}
.msgform .verfity .text{padding-right:7.875em;}
.msgform .code{width:5.625em;height:auto;position:absolute;top:50%;transform:translateY(-50%);display:block;right:1.125em;cursor:pointer;}
.msgform .submit{display:block;width:12.5em;max-width:100%;height:4.375em;color:#fff;cursor:pointer;background:url(../images/button_01.png) no-repeat center center;background-size:100% 100%;}

/*message*/
#message{position:relative;padding:5.98958333% 0 6.25%;}
#message .figure{position:absolute;left:0;top:0;width:100%;}
#message .img{padding-bottom:37.5em;}
#message .inner{position:relative;z-index:2;}
#message .form{background-color:#f7f7f7;padding:3.75em;}

/*stock*/
#stock{padding:5.20833333% 0;}
#stock .info{background-color:#f7f7f7;}
#stock .left{width:31.75em;color:#fff;position:relative;background-color:#c8161d;}
#stock .left:after{width:31.2992126%;padding-bottom:27.55905512%;background:url(../images/logo_02.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:0;}
#stock .left .status{justify-content:center;}
#stock .left .code{font-size:1.5em;line-height:1.66666667em;}
#stock .left .price{align-items:flex-end;font-size:1.25em;line-height:1.75em;}
#stock .left .cur{font-size:4em;line-height:1em;margin-right:0.3em;}
#stock .left .stat{background:no-repeat left center;background-size:0.7em auto;padding-left:1.3em;}
#stock .left .stat.up{background-image:url(../images/stock_up.png);}
#stock .left .stat.down{background-image:url(../images/stock_down.png);}
#stock .left .rate i{font-style:normal;}
#stock .right{padding:5.14285714% 5%;}
#stock .meta{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#666;margin-bottom:0.625em;}
#stock .meta p{margin-bottom:0.625em;/*font-weight:lighter;*/}
#stock .meta span{font-size:2.5em;color:#333;line-height:1em;font-weight:normal;}
#stock .tips{font-weight:lighter;color:#666;}

/*trend*/
#trend{background-color:#f7f7f7;padding:3.54166667% 0 4.16666667%;}
#trend .tab{margin-bottom:3.57142857%;}
#trend .tab span{display:block;font-size:1.125em;line-height:2.22222222em;margin-right:2.77777778em;font-weight:lighter;position:relative;cursor:pointer;}
#trend .tab span:after{width:100%;height:0.11111111em;background-color:#c8161d;content:'';display:block;position:absolute;left:0;bottom:0;opacity:0;}
#trend .tab .cur{font-weight:normal;color:#c8161d;}
#trend .tab .cur:after{opacity:1;}
#trend .figure{display:none;}

/*quick*/
#quick{padding:5.20833333% 0;}
#quick ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#quick li{width:49.28571429%;text-align:center;padding:0.71428571% 0;}
#quick .img{padding-bottom:50.72463768%;}
#quick .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;font-size:1.875em;line-height:1.33333333em;padding:1em;transition:all 0.3s;}
#quick a{display:block;overflow:hidden;position:relative;color:#fff;background:no-repeat center center;background-size:cover;}
#quick a:hover .img{transform:scale(1.05);}
#quick a:hover .text{transform:translateY(-60%);}

/*gray*/
.gray{background-color:#f7f7f7;}

/*lmore*/
.lmore .go{display:block;text-align:center;width:9.375em;height:2.875em;line-height:2.875em;background:url(../images/button_02.png) no-repeat center center;background-size:100% 100%;color:#fff;}
.lmore .go:after{display:inline-block;width:0.9375em;height:0.5625em;background:url(../images/arrow_right_01.png) no-repeat center center;background-size:contain;content:'';transition:all 0.3s;margin-left:0.3125em;}
.lmore .go:hover:after{margin-left:0.9375em;}

/*newslist*/
#newslist{overflow:hidden;margin-bottom:0.9375em;}

/*newstop*/
#newstop{margin-bottom:6.42857143%;}
#newstop .info{align-items:center;background-color:#f7f7f7;position:relative;}
#newstop .info:before{border-left:2.5em solid transparent;border-top:2.5em solid #fff;content:'';display:block;position:absolute;right:0;top:0;}
#newstop .figure{width:50%;}
#newstop .figure a:hover .img{transform:scale(1.05);}
#newstop .img{padding-bottom:56.28571429%;}
#newstop .text{width:50%;padding:0 5.71428571%;}
#newstop .title{font-size:1.5em;font-weight:normal;line-height:1.66666667em;margin-bottom:4.25925926%;color:#c8161d;max-height:3.33333333em;-webkit-line-clamp:2;}
#newstop .title a{display:block;}
#newstop .excerpt{-webkit-line-clamp:2;color:#666;height:3.75em;margin-bottom:11.11111111%;}
#newstop .arrows{width:5.375em;height:2.5em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:absolute;right:5.71428571%;bottom:16.75126904%;z-index:5;}
#newstop .swiper-button-arrow{width:46.51162791%;border:1px solid #c8c8c8;cursor:pointer;position:relative;}
#newstop .swiper-button-arrow:before{display:block;content:'';padding-bottom:100%;}
#newstop .swiper-button-arrow:after{content:'';display:block;position:absolute;width:18.42105263%;padding-bottom:31.57894737%;background:no-repeat 0 0;background-size:100% auto;left:50%;top:50%;margin:-15.78947368% 0 0 -9.21052632%;}
#newstop .swiper-button-arrow:hover{border-color:#c8161d;background-color:#c8161d;}
#newstop .swiper-button-arrow:hover:after{background-position:0 100%;}
#newstop .swiper-prev:after{background-image:url(../images/swiper_prev.png);}
#newstop .swiper-next:after{background-image:url(../images/swiper_next.png);}

/*newsitem*/
.newsitem{border-bottom:1px dashed #e5e5e5;padding-bottom:2.5em;margin-bottom:2.5em;}
.newsitem .date{width:10.625em;text-align:center;color:#999;border-right:1px solid #e5e5e5;}
.newsitem .date time{display:inline-block;text-align:left;}
.newsitem .date i{display:block;font-size:1.875em;line-height:1em;color:#333;font-style:normal;margin-bottom:0.2em;}
.newsitem .more{width:6.375em;}
.newsitem .more:after{width:1.375em;height:0.875em;background:url(../images/arrow_right_02.png) no-repeat center center;background-size:contain;display:block;content:'';margin:0 auto;}
.newsitem .text{padding:0 13.57142857% 0 3.57142857%;}
.newsitem .title{font-size:1.25em;line-height:1.8em;margin-bottom:0.65em;font-weight:normal;}
.newsitem .excerpt{color:#999;height:3.75em;-webkit-line-clamp:2;/*font-weight:lighter;*/}
.newsitem a:hover .title{color:#c8161d;}
@media only screen and (min-width:1025px){
    .ispost #navi .parent > a{color:#333;}
}

/*ispost*/
.ispost #header{position:relative;color:#333;}
.ispost #button a{color:#333;}
.ispost #language:before{background-image:url(../images/language_black.svg);}
.ispost #search span{background-image:url(../images/search_black.svg);}
.ispost #navbtn:before,.ispost #navbtn:after,.ispost #navbtn i{background-color:#333;}
.ispost #logo i:nth-child(1){display:none;}
.ispost #logo i:nth-child(2){display:block;}

/*isblack*/
.isblack #bar{background-color:#f7f7f7;padding:1.53125em 0;box-shadow:none;}
.isblack #bar .inner{flex-direction:row;}

/*isblack*/
#back{background:url(../images/back.png) no-repeat left center;background-size:1em auto;padding-left:1.75em;}

/*main*/
#main{width:70%;float:left;}

/*post*/
#post .title{font-size:1.875em;font-weight:normal;color:#252525;line-height:1.46666667em;margin-bottom:0.86666667em;}
#post .meta{color:#666;line-height:2em;border-bottom:1px solid #e7e7e7;padding-bottom:2.0625em;font-weight:lighter;margin-bottom:1.875em;}
#post .meta span{display:block;margin-right:1.75em;position:relative;}
#post .meta span:last-child{margin-right:0;}
#post .meta a{display:inline-block;vertical-align:middle;width:1.125em;height:1.125em;background:no-repeat center center;background-size:contain;margin-right:0.75em;}
#post .meta a:last-child{margin-right:0;}
#post .meta .wx{background-image:url(../images/share_wx.png);}
#post .meta .wb{background-image:url(../images/share_wb.png);}
#post .meta .tc{background-image:url(../images/share_tc.png);}
#post .meta .qr{position:absolute;left:0;top:0;width:7.5em;padding:5px;background-color:#fff;border:1px solid #eee;top:110%;display:none;}
#post .meta .qr img{display:block;width:100%;height:auto;}
#post .meta .qr canvas{width:100%;height:100%;}
#post .entry{color:#666;/*font-weight:lighter;*/margin-bottom:6.93877551%;}
#post .pnav{font-weight:lighter;font-size:1.125em;line-height:2.22222222em;}

/*aside*/
#aside{width:25.71428571%;float:right;}

/*corner*/
.corner{position:relative;}
.corner:before{border-top:2.5em solid #fff;border-left:2.5em solid transparent;content:'';display:block;position:absolute;right:0;top:0;}

/*widget*/
.widget{background-color:#f7f7f7;padding:5% 8.33333333%;}
.widget .name{font-size:1.25em;line-height:2em;font-weight:normal;}
.widget li{line-height:1.625em;position:relative;border-bottom:1px dashed #d1d1d1;padding:1em 0 1em 1em;}
.widget li:last-child{border-bottom:none;}
.widget li:before{width:0.1875em;height:0.1875em;background-color:#c8161d;content:'';display:block;position:absolute;left:0;top:1.71875em;}

/*shadow*/
.shadow{position:relative;}
.shadow:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0 0.3125em 1.5em rgba(0,0,0,0.08);border-bottom-right-radius:4.0625em;opacity:0;}

/*bidding*/
#bidding{width:103.92857143%;}
#bidding .item{width:33.33333%;padding-right:3.78006873%;padding-bottom:3.78006873%;}
#bidding .box{background:url(../images/bidding_bg.png) no-repeat center center;background-size:100% 100%;padding:9.30232558% 9.30232558% 9.30232558% 6.97674419%;position:relative;z-index:2;}
#bidding .title{font-size:1.25em;font-weight:normal;line-height:1.7em;height:3.4em;-webkit-line-clamp:2;margin-bottom:9.44444444%;position:relative;z-index:2;}
#bidding .hot{width:3.125em;height:3.125em;background:url(../images/hot.png) no-repeat center center;background-size:contain;position:absolute;right:0;top:0;}
#bidding .date{margin-bottom:1.125em;position:relative;z-index:2;}
#bidding .date time{display:inline-block;background-color:#f7f7f7;color:#666;font-weight:lighter;padding:0 1em;}
#bidding .date time:before{border-top-width:0.625em;border-left-width:0.625em;}
#bidding .more{width:1.375em;background:url(../images/arrow_right_02.png) no-repeat center center;background-size:contain;}
#bidding .more:after{padding-bottom:63.63636364%;display:block;content:'';}
#bidding .info{display:block;}
#bidding .info:hover:before{opacity:1;}
#bidding .info:hover .date time{background-color:#c8161d;color:#fff;}
#bidding .info:hover .box{background-image:url(../images/bidding_bg_on.png);}
#bidding .info:hover .more{background-image:url(../images/arrow_right_03.png);}

/*overview*/
#overview{padding:4.6875% 0 6.25%;}
#overview .columnname{margin-bottom:3.57142857%;}
#overview .tab{justify-content:center;line-height:2em;font-size:1.125em;margin-bottom:4.28571429%;}
#overview .tab span{display:block;cursor:pointer;position:relative;margin:0 1.78571429%;padding-bottom:0.83333333em;}
#overview .tab span:after{width:0.77777778em;height:0.77777778em;background:url(../images/icon_logo.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);opacity:0;}
#overview .tab span:hover{color:#c8161d;}
#overview .tab .cur{color:#c8161d;}
#overview .tab .cur:after{opacity:1;}
#overview .item{display:none;}
#overview .info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#overview .text{width:41.42857143%;position:relative;padding-bottom:7.57142857%;padding-top:2.14285714%;}
#overview .text:after{width:111.03448276%;padding-bottom:18.27586207%;background:url(../images/bg_01.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:-17.24137931%;bottom:0;}
#overview .figure{width:50%;}
#overview .img{padding-bottom:56.28571429%;}
#overview .title{font-size:1.5em;line-height:1.5em;font-weight:normal;margin-bottom:1em;}
#overview .entry{text-align:justify;color:#666;/*font-weight:lighter;*/}

/*activitie*/
#activitie{overflow:hidden;background:url(../images/bg_02.jpg) no-repeat center center;background-size:cover;padding:5.72916667% 0 4.94791667%;}
#activitie .list{width:103.92857143%;}
#activitie .item{width:33.333%;padding-right:3.78006873%;padding-bottom:3.78006873%;}
#activitie .img{padding-bottom:66.51162791%;}
#activitie .box{position:relative;z-index:2;}
#activitie .text{padding:1.375em 1.875em 1.875em;background:url(../images/box_bg_01_on.png) no-repeat center bottom;background-size:100% 100%;}
#activitie .title{font-size:1.25em;font-weight:normal;line-height:1.7em;height:3.4em;-webkit-line-clamp:2;margin-bottom:1.15em;}
#activitie .meta{color:#999;font-weight:lighter;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#activitie .meta time{display:block;}
#activitie .meta span{width:1.375em;height:0.875em;background:url(../images/arrow_right_03.png) no-repeat center center;background-size:contain;display:block;opacity:0;transition:all 0.3s;}
#activitie .info{position:relative;display:block;}
#activitie .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0px 0.1875em 1.5em rgba(0,0,0,0.08);border-bottom-right-radius:4.6875em;opacity:0;transition:all 0.3s;}
#activitie .info:hover:before{opacity:1;}
#activitie .info:hover .img{transform:scale(1.05);}
#activitie .info:hover .meta span{opacity:1;}

/*pintro*/
#pintro{padding:5.20833333% 0;}
#pintro .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#pintro .text{width:41.42857143%;position:relative;}
#pintro .figure{width:50%;}
#pintro .img{padding-bottom:62.57142857%;}
#pintro .title{font-size:1.5em;line-height:1.5em;font-weight:normal;margin-bottom:1em;}
#pintro .entry{text-align:justify;/*font-weight:lighter;*/}
/*#pintro .entry strong{font-weight:normal;}*/

/*pinfo*/
#pinfo{overflow:hidden;padding:4.6875% 0 3.125%;}
#pinfo .columnname{margin-bottom:3.85714286%;}
#pinfo .columnbox{margin-bottom:3.92857143%;}
#pinfo .columnbox .columnname{margin-bottom:0;}
#pinfo .list{width:102.85714286%;}
#pinfo .item{width:33.333%;padding-right:2.77777778%;padding-bottom:2.77777778%;}
#pinfo .icon{width:3.75em;}
#pinfo .icon i{display:block;overflow:hidden;padding-bottom:116.66666667%;background:no-repeat center center;background-size:contain;}
#pinfo .text{width:calc(100% - 5.625em);}
#pinfo .title{font-size:1.25em;line-height:1.5em;margin-bottom:0.55em;}
#pinfo .intro{/*font-weight:lighter;*/}
#pinfo .info{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:100%;background-color:#fff;padding:11.36363636% 9.09090909%;}
#pinfo .info:hover{box-shadow:0px 0px 1.5625em rgba(0,0,0,0.1);}
#pinfo .info:hover:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:0.1875em;background-color:#c8161d;}

/*pfeature*/
#pfeature{padding:4.6875% 0 3.125%;}
#pfeature .list{width:102.85714286%; justify-content:center}
#pfeature .item{width:25%;padding-right:2.77777778%;padding-bottom:2.77777778%;text-align:center;}
#pfeature .icon{width:5em;margin:0 auto 3.4375em;position:relative;}
#pfeature .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#pfeature .title{font-size:1.25em;line-height:1.5em;margin-bottom:0.65em;}
#pfeature .info{position:relative;height:100%;padding:23.4375% 2em 21.875%;transition:all 0.3s;background:#f7f7f7 no-repeat right bottom;background-size:55.9375% auto;}
#pfeature .info:before{width:100%;height:0.1875em;background-color:#c8161d;content:'';display:block;position:absolute;left:0;top:0;opacity:0;transition:all 0.3s;}
#pfeature .info:hover{background-color:#fff;background-image:url(../images/logo_03.png);box-shadow:0px 0px 1.5625em rgba(0,0,0,0.1);}
#pfeature .info:hover:before{opacity:1;}

/*prelated*/
#prelated{padding:4.6875% 0 5.20833333%;overflow:hidden;}
#prelated .columnname{margin-bottom:3.125%;}
#prelated .list{padding:0 6.25%;position:relative;}
#prelated .img{padding-bottom:75%;}
#prelated .text{padding:4.77272727% 6.81818182% 6.13636364%;}
#prelated .title{font-weight:lighter;margin-bottom:0.8125em;}
#prelated .more{font-weight:lighter;opacity:0;transition:all 0.3s;}
#prelated .more span{display:inline-block;vertical-align:middle;background:url(../images/arrow_right_01.png) no-repeat right center;padding-right:1.875em;background-size:0.9375em auto;}
#prelated .info{display:block;background-color:#fff;transition:all 0.3s;}
#prelated .info:hover{background-color:#c8161d;color:#fff;}
#prelated .info:hover .more{opacity:1;}
#prelated .info:hover .img{transform:scale(1.05);}
#prelated .swiper-button-arrow{width:3.125em;height:3.125em;border-color:#c8c8c8;}
#prelated .swiper-button-arrow:after{color:rgba(157,157,157,0.5);}
#prelated .swiper-button-arrow:hover{border-color:#c8161d;}
#prelated .swiper-button-arrow:hover:after{color:#fff;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10;visibility:hidden;opacity:0;transition:all 0.3s;}
.popup.active{visibility:visible;opacity:1;}
.popup .box{justify-content:center;align-items:center;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup .info{background-color:#fff;width:70em;max-width:85%;height:100vh;max-height:60em;position:relative;align-items:center;justify-content:center;}
.popup .close{position:absolute;right:0;top:0;width:9.82142857%;background:url(../images/close_01.png) no-repeat center center;background-size:contain;cursor:pointer;}
.popup .close:after{padding-bottom:90.90909091%;display:block;content:'';}

/*honor*/
#honor{margin-bottom:1.42857143%;}
#honor ul{overflow:hidden;}
#honor li{width:16.666%;padding:1%;}
#honor .top{padding-bottom:103.72093023%;position:relative;}
#honor .figure{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding-top:1.62790698%;}
#honor .img{background-size:contain;width:84.65116279%;padding-bottom:83.25581395%;}
#honor .zoom{position:absolute;top:50%;transform:translateY(-50%);left:50%;width:9.75em;height:3em;margin-left:-4.875em;text-align:center;line-height:3em;background-color:rgba(0,0,0,0.6);color:#fff;font-weight:lighter;border-radius:1.5em;z-index:2;opacity:0;transition:all 0.2s;}
#honor .zoom span{display:inline-block;background:url(../images/icon_04.png) no-repeat left center;background-size:1.0625em auto;padding-left:1.625em;}
#honor .btm{padding-bottom:28.8372093%;position:relative;}
#honor .title{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:center;font-size:1em;font-weight:lighter;line-height:22px;margin-top:-1.62790698%;padding:0 9.30232558%;-webkit-line-clamp:2;max-height:44px;}
#honor .info{display:block;overflow:hidden;background:url(../images/honor_box.png) no-repeat center center;background-size:100% 100%;}
#honor .info:hover{background-image:url(../images/honor_box_on.png);color:#fff;}
#honor .info:hover .zoom{opacity:1;}

/*certificate*/
#certificate{padding:0 13.39285714%;width:100%;}
#certificate .figure{height:75.72916667vh;max-height:45.4375em;margin-bottom:4.375vh;}
#certificate .img{position:absolute;left:0;top:0;width:100%;height:100%;}
#certificate .title{text-align:center;font-size:1.25em;line-height:1.6em;font-weight:lighter;height:3.2em;-webkit-line-clamp:2;}
#certificate .swiper-button-arrow{width:3.125em;height:3.125em;border-color:#ccc;}
#certificate .swiper-button-arrow:after{color:#cecece;}
#certificate .swiper-button-arrow:hover{border-color:#c8161d;}
#certificate .swiper-button-arrow:hover:after{color:#fff;}
#certificate .swiper-button-prev{left:4.91071429%;}
#certificate .swiper-button-next{right:4.91071429%;}

/*solution*/
#solution{padding:4.6875% 0 5.20833333%;}
#solution .columnname{margin-bottom:2.64285714%;}
#solution .entry{padding:0 7.14285714%;/*font-weight:lighter;*/margin-bottom:4.42857143%;}

/*application*/
#application{padding:4.6875% 0;}
#application ul{margin-left:-0.625em;}
#application li{width:15.5%;transition:all 0.3s;}
#application .info{margin-left:0.625em;position:relative;}
#application .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:2;}
#application .img{padding-bottom:31.92708333vw;}
#application .text{position:absolute;left:0;top:0;width:100%;z-index:4;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#fff;line-height:1.75em;padding:1.25em;/*font-weight:lighter;*/transition:all 0.3s;}
#application .cur{width:69%;}
#application .cur .info:before{background:linear-gradient(0deg,rgba(0,0,0,0.8),transparent 20%);}
#application .cur .text{align-items:flex-end;font-weight:normal;}

/*profeature*/
#profeature{padding:4.94791667% 0 3.64583333%;}
#profeature .columnbox{margin-bottom:2.92857143%;}
#profeature .list{ justify-content:center;}
#profeature .item{width:25%;text-align:center;position:relative;}
#profeature .figure{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.2s;}
#profeature .img{width:100%;height:100%;}
#profeature .icon{width:6.25em;margin:0 auto 1.25em;position:relative;}
#profeature .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#profeature .icon i:nth-child(2){display:none;}
#profeature .title{font-size:1.25em;line-height:1.5em;margin-bottom:1em;}
#profeature .title span{display:inline-block;position:relative;}
#profeature .title span:after{width:4em;height:0.2em;content:'';display:block;position:absolute;left:0;bottom:0.15em;background-image:linear-gradient(90deg,#c8161d,transparent);z-index:0;}
#profeature .intro{line-height:1.75em;/*font-weight:lighter;*/text-align:justify;opacity:1;}
#pintro .entry *{ font-family:'Arial','Sans-serif'!important;}
#profeature .info{position:relative;height:100%;padding:25.42857143% 20% 33.42857143%;}
#profeature .item:hover{color:#fff;}
#profeature .item:hover .figure,#profeature .item:hover .intro{opacity:1;}
#profeature .item:hover .figure i{background: #1056a5 !important;}
#profeature .item:hover .icon i:nth-child(1){display:none;}
#profeature .item:hover .icon i:nth-child(2){display:block;}

/*psolution*/
#psolution{position:relative;padding:2.60416667% 0 5.20833333%;overflow:hidden;}
#psolution:before{width:56.25%;content:'';display:block;position:absolute;left:0;top:0;height:100%;background-color:#f7f7f7;}
#psolution .inner{position:relative;z-index:2;}
#psolution .box{position:relative;}
#psolution .tab{width:15.625em;color:#000;position:absolute;top:50%;transform:translateY(-50%);right:0;z-index:2;}
#psolution .tab li{align-items:center;font-size:1.25em;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-weight:lighter;margin-bottom:1.9em;cursor:pointer;position:relative;}
#psolution .tab li:before{width:88%;height:2px;background-color:#c8161d;content:'';display:block;position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:0.5em;opacity:0;}
#psolution .tab .icon{width:2.55em;}
#psolution .tab .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#psolution .tab .icon i:nth-child(2){display:none;}
#psolution .tab .name{width:calc(100% - 3em);}
#psolution .tab .cur{font-weight:bold;}
#psolution .tab .cur:before{opacity:1;}
#psolution .tab .cur .icon i:nth-child(1){display:none;}
#psolution .tab .cur .icon i:nth-child(2){display:block;}
#psolution .more{margin-top:6.8%;}
#psolution .more a{width:88%;height:2.625em;color:#555;border:1px solid #d6d7db;text-align:center;line-height:2.5625em;display:block;}
#psolution .more a:hover{background-color:#c8161d;color:#fff;border-color:#c8161d;}
#psolution .swiper{width:100%;margin:0;overflow:visible;}
#psolution .info{transition:all 0.3s;opacity:0.4;}
#psolution .info .text{width:36.5625em;position:absolute;left:6.48148148%;bottom:10.28571429%;color:#fff;max-width:86%;}
#psolution .info .icon{width:4.75em;margin-bottom:0.5em;}
#psolution .info .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#psolution .info .title{margin-bottom:0.6875em;}
#psolution .info .excerpt{height:3.75em;-webkit-line-clamp:2;font-weight:lighter;margin-bottom:2.1875em;}
#psolution .info .img{padding-bottom:36.45833333vw;}
#psolution .info .go a{display:inline-block;vertical-align:middle;color:#fff;background:url(../images/arrow_right_01.png) no-repeat right center;padding-right:1.875em;background-size:0.9375em auto;font-weight:lighter;}
#psolution .info .go a:hover{color:#c8161d;background-image:url(../images/arrow_right_03.png);}
#psolution .swiper-slide-active .info{margin-right:20em;opacity:1;}
#psolution .swiper-pagination{width:auto;left:auto;right:27.85714286%;color:#fff;font-family:'Oswald';bottom:9.42857143%;}
#psolution .swiper-pagination span{color:rgba(255,255,255,0.5);font-size:1.375em;line-height:1em;display:inline-block;vertical-align:top;}
#psolution .swiper-pagination .tot{background:url(../images/italic.png) no-repeat left center;background-size:0.77272727em auto;padding-left:1.09090909em;margin-left:0.45454545em;}
#psolution .swiper-pagination .cur{font-size:2.875em;color:#fff;}
#psolution .info:hover .img{transform:scale(1.05);}

/*history*/
#history{background:#fefefe url(../images/history_bg.jpg) no-repeat center bottom;background-size:100% auto;overflow:hidden;}
#history .inner{min-height:63.75em;padding-top:4.6875%;position: relative}
#history .event{width:72.5em;max-width:100%;padding:0 6.42857143%;margin:0 auto;position:relative;}
#history .event .swiper{background-color:#fff;}
#history .event .info{padding:5.10204082% 6.12244898% 3.7755102%;}
#history .event .hgroup{font-size:2.5em;color:#c8161d;}
#history .event .date{font-size:1em;font-weight:normal;line-height:1.125em;}
#history .event .title{font-weight:normal;font-size:0.6em;line-height:1.5em;}
#history .event .swiper-button-arrow{position:absolute;top:50%;transform:translateY(-50%);opacity:1;border-color:#c7c7c7;}
#history .event .swiper-button-arrow:after{color:#c7c7c7;}
#history .event .swiper-button-arrow:hover{border-color:#c8161d;}
#history .event .swiper-button-arrow:hover:after{color:#fff;}
#history .event .swiper-button-prev{left:0;}
#history .event .swiper-button-next{right:0;}
#history .text{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#history .gallery{width:34.88372093%;}
#history .gallery .img{padding-bottom:66.66666667%;}
#history .gallery .name{text-align:center;font-weight:lighter;font-size:1em;line-height:1.875em;margin-top:0.6875em;}
#history .gallery .swiper-pagination{bottom:auto;width:auto;top:0;margin-top:61.66666667%;transform:translateY(-50%);left:5.66666667%;}
#history .gallery .swiper-pagination-bullet{width:0.3125em;height:0.125em;background-color:#fff;opacity:0.5;margin:0 0.5em 0 0;}
#history .gallery .swiper-pagination-bullet-active{background-color:#c8161d;}
#history .entry{width:60.46511628%;max-height:8.5em;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2.5em;}
#history .entry::-webkit-scrollbar{width:2px;background-color:#eaeaea;}
#history .entry::-webkit-scrollbar-thumb{background-color:#8d8d8d;}
#history .entry p{background:url(../images/dot_01.png) no-repeat left 0.71875em;background-size:0.4375em auto;padding-left:1.125em;margin-bottom:1em;}
#history .entry p:last-child{margin-bottom:0;}
#history .year{text-align:center;width:72.5em;max-width:100%;left: 0; right: 0; bottom: 0; margin:0 auto; position: absolute}
#history .year .swiper{position: absolute; width: 100%; bottom: 0}
#history .year .swiper-slide{font-size:1.5em; height:22em}
#history .year .box{position: absolute;width: 100%; padding:2em 0; transition: 0.5s}
#history .year .dot{position: absolute; left: 0; right: 0; margin: auto; width:0.58333333em;height:0.58333333em;border-radius:50%;border:0.125em solid #c8161d;background-color:#fff;transition: 0.5s}
#history .year .dot:after{width:100%;height:100%;transform:scale(4.35);background-color:#c8161d;opacity:0;content:'';display:block;position:absolute;left:0;top:0;border-radius:50%;}
#history .year .date{font-size:1em;line-height:1.41666667em;font-weight:normal;}
#history .year .intro{font-size:0.75em;line-height:1.7em;}
#history .year .swiper-slide-duplicate-active .dot,
#history .year .swiper-slide-active .dot{transform:scale(0.86715);background-color:#c8161d;transition:all 0.3s;}
#history .year .swiper-slide-duplicate-active .dot:after,
#history .year .swiper-slide-active .dot:after{opacity:0.2;}


#history .year .swiper-slide-active .dot,
#history .year .swiper-slide.next2 .dot,
#history .year .swiper-slide.next4 .dot{top:10px}
#history .year .swiper-slide-prev .dot,
#history .year .swiper-slide-next .dot,
#history .year .swiper-slide.next3 .dot{bottom:10px}
#history .year .swiper-slide-active .box{top: 54%;}
#history .year .swiper-slide-next .box{bottom: 39%;}
#history .year .swiper-slide.next2 .box{top: 50%;}
#history .year .swiper-slide.next3 .box{bottom: 52%;}
#history .year .swiper-slide.next4 .box{top: 32%;}


#history .year .on {  margin-top: 4.8em;}

#history .year .swiper-slide-duplicate-prev .dot{margin-top: 0.2em;}
@media only screen and (max-width:1280px){

    /*1280px*/
    body{font-size:14px;}

    /*1280px*/
    #infor{width:22em;}

    /*1280px*/
    #column{padding-left:3%;}

    /*1280px*/
    #navi{padding:0 1.26953125vw;}
    #navi .parent{padding-left:1.171875vw;padding-right:1.171875vw;}

    /*1280px*/
    #button{width:8em;}

    /*1280px*/
    #fullpage .section .pdt{padding-top:7.2265625vw;}

    /*1280px*/
    #hmsol .text{padding:0 3.125vw;}

    /*1280px*/
    #mapinfo{font-size:14px;}

    /*1280px*/
    #psolution .tab{position:relative;width:auto;top:auto;transform:none;margin-top:5%;}
    #psolution .tab ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    #psolution .tab li{width:33.333%;}
    #psolution .tab li:before{display:none;}
    #psolution .more{margin-top:1%;}
    #psolution .more a{width:auto;}
    #psolution .info .img{padding-bottom:64.81481481%;}
    #psolution .swiper{width:80%;}
    #psolution .swiper-slide-active .info{margin-right:0;}
    #psolution .swiper-pagination{right:6%;}

    /*1280px*/
    /*#history{min-height:69.7265625vw;}
    #history .event{margin-bottom:7.8125vw;}
    #history .year .swiper-slide-prev .dot,#history .year .swiper-slide-duplicate-active .dot,#history .year .swiper-slide-active .dot{margin-top:8.5vw;}
    #history .year .swiper-slide-next .dot{margin-top:7vw;}*/

    #history{background-size: 137%}

    #honor li{width:25%}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #bottom{display:block;}

    /*1024px*/
    #infor{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:auto;}
    #infor:after{display:none;}
    #infor .name{width:100%;}
    #infor .text{margin-bottom:0;}
    #infor .qr ul{font-size:1.5em;}

    /*1024px*/
    #column{display:none;}

    /*1024px*/
    #other{display:block;}

    /*1024px*/
    #pagelist{justify-content:center;}
    #pagelist span:last-child{padding-right:0;}

    /*1024px*/
    #copyright{width:auto;text-align:center;}

    /*1024px*/
    #links{margin:1em auto 0;}

    /*1024px*/

    #header .inner{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding:1.1em 0;}

    /*1024px*/
    #logo{display:block;width:7.45714286em;}

    /*1024px*/
    #button{display:block;width:10em;}

    /*1024px*/
    #navbtn{position:relative;cursor:pointer;width:1.28571429em;height:1.14285714em;transition:all 0.3s;display:block;z-index:10;overflow:hidden;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:2px;background-color:#fff;display:block;position:absolute;left:0;border-radius:1px;transition:all 0.3s;content:'';}
    #navbtn:before{top:0;}
    #navbtn:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active:before{transform:rotate(45deg);top:49%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:49%;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(11,66,138,0.95);padding:0;display:none;}
    #navi .menu{display:block;position:absolute;top:5.2em;height:calc(100% - 5.2em);width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,0.12);transform:translateX(100%);transition:transform 0.3s;}
    #navi.active .menu{transform:translateX(0);}
    #navi .parent{padding:1em 3.125%;border-bottom:1px solid rgba(255,255,255,0.12);}
    #navi .sub{position:relative;left:auto;top:auto;transform:none;margin-top:0.5em;background-color:rgba(11,66,138,0.8);}
    #navi .sub:before{transform:none;left:1.7em;}
    #navi em{display:block;position:absolute;right:0;width:5.71428571em;height:4.07142857em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.57142857em;height:0.57142857em;border-right:1px solid #fff;border-bottom:1px solid #fff;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.35714286em 0 0 -0.42857143em;transition:all 0.3s;}
    #navi .on em:after{transform:rotate(45deg);margin:-0.42857143em 0 0 -0.35714286em;}

    /*1024px*/
    #fullpage .section .pdt{padding-top:5.2em;}

    /*1024px*/
    #hmdata .blank{display:none;}
    #hmdata ul{width:101.04166667%;}
    #hmdata li{width:25%;padding:0.51546392% 1.03092784% 0.51546392% 0;}
    #hmdata li:last-child{position:static;}

    /*1024px*/
    #bar{padding:1em 0;}

    /*1024px*/
    #breadcrumb{width:100%;padding:0.35em 0;}

    /*1024px*/
    #submenu{width:100%;overflow:hidden;}
    #submenu ul{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    #submenu li{margin-right:1.5em;padding:0.35em 0;}

    /*1024px*/
    #about .data{float:none;width:auto;margin-left:0;}

    /*1024px*/
    #ctlist .item{display:block;}
    #ctlist .figure,#ctlist .text{width:auto;}
    #ctlist .box{width:100%;padding:10%;}

    /*1024px*/
    #responsibility .item{width:50%;}

    /*1024px*/
    #contact .columnbox{margin-right:0;}
    #contact .info{position:relative;width:auto;right:auto;top:auto;max-width:none;}

    /*1024px*/
    #stock .info{display:block;}
    #stock .left{display:block;width:auto;padding:2em 0;}
    #stock .right{display:block;}

    /*1024px*/
    #newstop .info:before{display:none;}
    #newstop .figure{width:100%;}
    #newstop .text{width:100%;padding:2em;}
    #newstop .title{margin-bottom:0.5em;}
    #newstop .excerpt{margin-bottom:1.25em;}
    #newstop .arrows{right:2em;bottom:2.17857143em;}

    /*1024px*/
    .newsitem .date{width:8em;}
    .newsitem .text{padding:0 4%;}

    /*1024px*/
    #main{float:none;width:auto;margin-bottom:1.5em;}

    /*1024px*/
    #aside{float:none;width:auto;}

    /*1024px*/
    #overview .text,#overview .figure{width:100%;}

    /*1024px*/
    #activitie .item{width:50%;}

    /*1024px*/
    #pintro .text,#pintro .figure{width:100%;}
    #pintro .text{margin-bottom:1.5em;}

    /*1024px*/
    #pinfo .item{width:50%;}

    /*1024px*/
    #pfeature .item{width:50%;}

    /*1024px*/
    #prelated .list{padding:0 4em;}
    #prelated .swiper-button-arrow{width:2.5em;height:2.5em;}

    /*1024px*/
    #honor li{width:33.333%;}

    /*1024px*/
    #certificate .swiper-button-arrow{width:2.5em;height:2.5em;}

    /*1024px*/
    #profeature .item{width:50%;}
    #profeature .info{padding:15%;}
    #profeature .intro{opacity:1;}

    /*1024px*/
    /*#history{min-height:85vw;}
    #history .year .swiper-slide-prev .dot,#history .year .swiper-slide-duplicate-active .dot,#history .year .swiper-slide-active .dot{margin-top:11vw;}
    #history .year .swiper-slide-next .dot{margin-top:8.5vw;}*/
    	#history{background-size: 150%;}
	#history .inner{min-height:52em;}
	#history .year .swiper-slide{height:20em;}
	#history .year .swiper-slide-active .box{top:60%}
	#history .year .swiper-slide.next2 .box{top:38%}
}
@media only screen and (max-width:750px){

    /*750px*/
    body{font-size:3.73333333vw;}
    body .slides-dots .swiper-pagination .swiper-pagination-bullet{margin:0 0.35714286em;width:0.78571429em;height:0.21428571em;}
    body .slides-dots .swiper-pagination .swiper-pagination-bullet-active{width:1.5em;}

    /*750px*/
    .inner{width:92%;}

    /*750px*/
    #header .inner{padding:4% 0;}

    /*750px*/
    #logo{width:6.21428571em;}

    /*750px*/
    #navi em{width:4.1em;}

    /*750px*/
    #search .input{right:0;margin-right:0;width:24.64285714em;top:3.57142857em;border-radius:0.25em;}

    /*750px*/
    .readmore .span{font-size:0.71428571em;}

    /*750px*/
    .hmbox .name{font-size:1.5em;line-height:1.52380952em;}
    .hmbox .square:after{width:1.0952381em;height:0.0952381em;margin-top:0.4047619em;}
    .hmbox .intro{font-size:0.71428571em;line-height:1.9em;margin-top:1.9em;}
    .hmbox .readmore{margin-top:5.24737631vh;}

    /*750px*/
    #slides video.pc_video{display:none!important;}
    #slides .text{top:17.09145427%!important;transform:none;}
    #slides .swiper-slide:nth-child(4) .text{top:40%!important;}
    #slides .swiper-slide:nth-child(4) .info,
    #slides .swiper-slide:nth-child(4) .readmore .span{ margin-left:auto; margin-right:auto;}
    #slides .info{padding:0 0.71428571em;max-width:22.14285714em;}
    #slides .date{font-size:1.07142857em;margin-bottom:0;}
    #slides .title{font-size:1.64285714em;line-height:1.52173913em;margin-bottom:3.22338831vh;}
    #slides .info span{font-size:1.64285714em!important;}
    #slides .title span{font-size:1em!important;} 
    #slides img{max-height:3.12244898em;}
    #slides .intro{margin-bottom:4.72263868vh;font-size:0.71428571em;}
    #slides .swiper-arrows{display:none;}
    #slides .swiper-pagination{bottom:5.24737631%;}
    #slides .scroll{width:0.78571429em;height:0.85714286em;background:url(../images/arrow_down_02_white.png) no-repeat center center;background-size:contain;position:absolute;left:6.66666667%;bottom:4.49775112%;z-index:5;display:block;}

    /*768px*/
    #hmdata .list{margin-top:3.44827586vh;}
    #hmdata .list .readmore{display:block;margin-top:3.5982009vh;}
    #hmdata ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
    #hmdata li{width:30%;padding:1.34932534vh 0;}
    #hmdata li:nth-child(4n){width:23%;}
    #hmdata li:nth-child(4n+1){width:16%;text-align:left;}
    #hmdata .text{height:auto;background-color:transparent;border:none;font-size:0.71428571em;}
    #hmdata .text:after{display:none;}
    #hmdata .text:hover{background-color:transparent;border:none;}
    #hmdata .num{font-size:2.6em;}
    #hmdata sup,#hmdata sub{font-size:1.2em;}
    #hmdata .hmbox .readmore{display:none;}

    /*750px*/
    .swiper-wap-dots .swiper-pagination{display:flex;justify-content:center;font-size:0.85714286em;line-height:1.125em;bottom:4.49775112%;}
    .swiper-wap-dots .swiper-pagination-bullet{width:auto;height:auto;margin:0;background:none;border-radius:0;opacity:1;color:rgba(255,255,255,0.6);position:relative;display:block;}
    .swiper-wap-dots .swiper-pagination-bullet:not(:first-child){padding-left:17.33333333vw;}
    .swiper-wap-dots .swiper-pagination-bullet:not(:first-child):before,.swiper-wap-dots .swiper-pagination-bullet:not(:first-child):after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:2vw;height:0.26666667vw;}
    .swiper-wap-dots .swiper-pagination-bullet:not(:first-child):before{width:13.33333333vw;background-color:rgba(255,255,255,0.3);}
    .swiper-wap-dots .swiper-pagination-bullet:not(:first-child):after{width:0;background-color:#fff;transition:all 1s;z-index:2;}
    .swiper-wap-dots .swiper-pagination-bullet-active{color:#fff;}
    .swiper-wap-dots .swiper-pagination-bullet-active:not(:first-child):after{width:13.33333333vw;}

    /*750px*/
    #hmsol .swiper{width:auto;}
    #hmsol .swiper-slide:before{display:none;}
    #hmsol .text{top:0;transform:none;}
    #hmsol .box{max-width:20.71428571em;display:block;}
    #hmsol .name{width:auto;font-size:1.5em;line-height:1.52380952em;}
    #hmsol .name:after{opacity:1;}
    #hmsol .on{display:block;}
    #hmsol .swiper-slide-duplicate-active .name,#hmsol .swiper-slide-active .name{font-size:1.5em;line-height:1.52380952em;}

    /*750px*/
    #hmpro .text{top:0;transform:none;}
    #hmpro .info{padding:4.05797101% 5.79710145% 8.69565217%;}
    #hmpro .intro{max-height:11.25em;-webkit-line-clamp:6;}
    #hmpro .icon{width:1.85714286em;margin-bottom:0.5em;}
    #hmpro .title{font-size:0.71428571em;}
    #hmpro .readmore{margin-top:2em;}
    #hmpro .swiper-button-prev{left:-4.2%;}
    #hmpro .swiper-button-next{right:-4.2%;}
    #hmpro.section .inner.pdt{padding-left:0;padding-right:0;}

    /*750px*/
    #hmnews .hmbox .readmore{display:none;}
    #hmnews .swiper{margin-top:5.9970015vh;}
    #hmnews .swiper .readmore{display:block;margin-top:1.49925037vh;}
    #hmnews .swiper-wrapper{display:block;}
    #hmnews .swiper-slide{margin-bottom:1.49925037vh;}
    #hmnews .swiper-slide:nth-child(n+4){display:none;}
    #hmnews .box{padding:4.92307692% 4.61538462% 5.23076923%;}
    #hmnews time{font-size:0.71428571em;line-height:1.5em;}
    #hmnews .title{font-size:0.85714286em;line-height:1.58333333em;height:3.16666667em;}

    /*750px*/
    #fullpage .section .pdt{padding:15.74212894vh 0.71428571em 0;}
    #fullpage .section .pc{display:none;}
    #fullpage .section .wap{display:block;}
    #fullpage .fp-tableCell{vertical-align:top;}

    /*750px*/
    #fp-nav{display:none;}
    #footer{padding:5.24737631vh 0 3.37331334vh;}

    /*750px*/
    #bottom{padding:0;}

    /*750px*/
    #infor{display:block;margin-bottom:3.74812594vh;}
    #infor .qr h3,#infor .name{font-size:0.71428571em;line-height:1.875em;margin-bottom:1.1em;}
    #infor .qr h3:after,#infor .name:after{width:1.3em;height:0.1em;}
    #infor .text{margin-bottom:4.49775112vh;}
    #infor .tel{font-size:1.14285714em;line-height:1.125em;margin-bottom:0.5em;}
    #infor .tel span{padding-left:1.34375em;}
    #infor .meta{font-size:0.71428571em;}
    #infor .qr h3{position:relative;}
    #infor .qr h3:after{content:'';display:block;position:absolute;left:0;bottom:0;background-image:linear-gradient(90deg,#c8161d,transparent);}
    #infor .qr ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:0.64285714em;}
    #infor .qr li{width:20.28985507%;margin-right:0;}
    #infor .qr p{margin-bottom:0.27777778em;}
    #infor .qr small{font-size:1em;}

    /*750px*/
    #other{display:flex;flex-direction:column-reverse;font-size:0.71428571em;line-height:1.7em;border-top:none;padding:0;}

    /*750px*/
    #pagelist{display:none;}

    /*750px*/
    #copyright{color:rgba(255,255,255,0.4);}
    #copyright a{color:rgba(255,255,255,0.4);}

    /*750px*/
    #links{width:100%;margin:0 0 3.89805097vh;font-size:1em;}

    /*750px*/
    #banner .img{padding-bottom:75%;}
    #banner .box{font-size:2em;}

    /*750px*/
    #exhibition .img{padding-bottom:100%;}

    /*750px*/
    #wrapper{padding:8% 0 9%;}

    /*750px*/
    #about .data li:nth-child(n+1){width:50%;}

    /*750px*/
    .columnname{margin-bottom:7%;}

    /*750px*/
    #culture{padding:8% 0;}
    #culture li:nth-child(n+1){width:100%;}

    /*750px*/
    #responsibility .item{width:100%;padding-bottom:5%;}

    /*750px*/
    #pagenavi .a_num{display:none;}

    /*750px*/
    #contact{padding:8% 0 9%;}
    #contact .info{padding:1.5em 1.75em 1.75em;}
    #contact .info .name{margin-bottom:0;}
    #contact .info li{padding:0.875em 0;}

    /*750px*/
    #mapinfo{font-size:3.73333333vw;width:77.33333333vw;padding:0;}

    /*750px*/
    .msgform .item{margin-bottom:1.25em;}
    .msgform .column .item{width:100%;}
    .msgform .verfity{width:100%;margin-right:0;max-width:none;margin-bottom:1.25em;}
    .msgform .submit{margin:0 auto;}

    /*750px*/
    #message{padding:8% 0 9%;}
    #message .form{padding:2em;}

    /*750px*/
    #stock{padding:8% 0;}
    #stock .left{font-size:0.85714286em;}
    #stock .meta li{width:50%;text-align:center;}

    /*750px*/
    #trend{padding:6% 0 8%;}
    #trend .tab{margin-bottom:7%;}

    /*750px*/
    #quick{padding:6% 0;}
    #quick li{width:100%;padding:2% 0;}

    /*750px*/
    .newsitem{padding-bottom:6%;margin-bottom:6%;}
    .newsitem .date{width:5.5em;font-size:0.875em;}
    .newsitem .date i{font-size:1.35em;}
    .newsitem .text{padding-right:0;}
    .newsitem .title{font-size:1.125em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.75em;max-height:3.5em;white-space:normal;}
    .newsitem .more{display:none;}

    /*750px*/
    #bidding .item{width:100%;padding-bottom:6%;}

    /*750px*/
    #overview{padding:8% 0 9%;}
    #overview .tab span{margin:0 0.5em;}

    /*750px*/
    #activitie{padding:8% 0;}
    #activitie .item{width:100%;padding-bottom:5%;}

    /*750px*/
    #pintro{padding:8% 0;}

    /*750px*/
    #pinfo{padding:8% 0 6%;}
    #pinfo .columnname,#pinfo .columnbox{margin-bottom:7%;}
    #pinfo .item{width:100%;padding-bottom:0;}
    #pinfo .info{padding:5%;}

    /*750px*/
    #pfeature{padding:8% 0 6%;}
    #pfeature .item{width:100%;}
    #pfeature .info{padding:13%;}

    /*750px*/
    #prelated{padding:8% 0 9%;}
    #prelated .columnname{margin-bottom:5%;}
    #prelated .list{padding:0 3em;}
    #prelated .swiper-button-arrow{width:2em;height:2em;}

    /*750px*/
    #honor li{width:50%;}

    /*750px*/
    .popup .close{width:3em;}
    .popup .info{max-height:35em;}

    /*750px*/
    #certificate{padding:0 18%;}
    #certificate .figure{max-height:19.5em;margin-bottom:1.35em;}
    #certificate .title{font-size:1.125em;}
    #certificate .swiper-button-arrow{width:2em;height:2em;}

    /*750px*/
    #solution{padding:8% 0;}
    #solution .columnname{margin-bottom:5%;}

    /*750px*/
    #application{padding:8% 0;}
    #application ul{display:block;margin-left:0;}
    #application li{display:block;width:auto;margin-bottom:0.5em;}
    #application .cur{width:auto;}
    #application .info{margin-left:0;}
    #application .cur .info:before,#application .info:before{background:linear-gradient(0deg,rgba(0,0,0,0.8),transparent 50%);}
    #application .text{align-items:flex-end;}
    #application .img{padding-bottom:63.85416667%;}

    /*750px*/
    #profeature{padding:8% 0 9%;}
    #profeature .item{width:100%;}
    #profeature .info{padding:10%;}

    /*750px*/
    #psolution{padding:8% 0;}
    #psolution .tab{margin-top:1.5em;}
    #psolution .tab ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
    #psolution .tab li{width:45%;margin-bottom:1.25em;}
    #psolution .tab .icon{width:3em;}
    #psolution .tab .name{width:calc(100% - 4em);}
    #psolution .info .img{padding-bottom:100%;}
    #psolution .info .icon{width:3.75em;}
    #psolution .info .title{font-size:1.75em;}
    #psolution .swiper{width:auto;}
    #psolution .swiper-pagination{font-size:0.71428571em;}

    /*750px*/
    #history{background-size:cover;}
	#history .inner{min-height:inherit;padding:10% 0;}
    #history .text{display:block;}
    #history .hgroup{margin-bottom:0.5em;}
    #history .entry{margin-bottom:1em;width:auto;}
    #history .gallery{width:auto;}
    #history .event{padding:0 1em;margin-bottom:3em;}
    #history .event .info{padding:1.5em 2em;}
    #history .event .swiper-button-arrow{background-color:#fff;}
    #history .event .swiper-button-arrow:hover{background-color:#c8161d;}
    /*
    #history .year .swiper-slide{font-size:1.125em;}
    #history .year .swiper-slide-prev .dot,#history .year .swiper-slide-duplicate-active .dot,#history .year .swiper-slide-active .dot{margin-top:0.5em;}
    #history .year .swiper-slide-next .dot{margin-top:0.5em;}*/
    #history .year{position: relative}
	#history .year .swiper{position: relative}
	#history .year .swiper-slide{height: auto;}
	#history .year .box{position: initial}
	#history .year .dot{top:22px!important; bottom: auto!important}
}

/*2024-05-11*/
.rows2,
.rows3{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}

.rows2{-webkit-line-clamp:2;}
.rows3{-webkit-line-clamp:3;}

.img-mid figure{position: relative; padding-bottom: 100%; overflow: hidden}
.img-mid figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}

.img-zoom figure{ overflow: hidden}
.img-zoom figure img{
    -webkit-transition: -webkit-transform 1.2s ease;
    transition: -webkit-transform 1.2s ease;
    transition: transform 1.2s ease;
    transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.img-zoom .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}
.item{position: relative}
.desc h4,
.desc p,
.mp{padding: 0; margin: 0; font-weight: normal}

.productList {padding-bottom: 5.46875%}
.productList li{width:100%;}
.productList .pic{position: relative}
.productList .pic figure{ padding-bottom: 56.365%;}
.productList .pic:before,
.productList .pic:after{content: '';position: absolute;}
.productList .pic:before{opacity: 0; border-top:2.5em solid #fff;border-left:2.5em solid transparent;content:'';display:block;position:absolute;right:0;top:0;z-index: 10}

.productList .pic:after{height: 80%; width: 100%; bottom: 0; box-shadow: 0 5px 20px rgba(1,69,143,0.2);opacity: 0;transition: 0.5s}
.productList .desc{padding: .8em 0}
.productList h4{font-size: 1.375em;padding:.5em 0; position: relative}
.ProdustList h4:after{content: '';position: absolute;width: 22px; height: 14px; top: 0; bottom: 0;right:22px; opacity: 0; transition: 0.5s; margin: auto;background: url(../images/jt-r.svg) no-repeat}
.productList p{opacity: 0.6;color: #333;transition: 0.5s}
.productList .item:hover .pic:before{opacity: 1}
.productList .item:hover .pic:after{opacity: 1}
.productList .item:hover h4:after{right: 0; opacity: 1}
.productList .item:hover p{opacity: 1}

@media only screen and (min-width:750px){
    .productList li{width: calc(440/1400*100%)}
    .productList li:nth-child(3n+2){margin-left: calc(40/1400*100%);margin-right: calc(40/1400*100%)}
    .productList li:nth-child(3)~li{margin-top: calc(40/1400*100%);}
}
@media only screen and (max-width:750px){
    .productList li{padding-bottom: 2%; margin-bottom:6%; border-bottom: solid 1px #eee}
}

.solutionList {padding-bottom: 5.46875%}
.solutionList ul{justify-content: space-between}
.solutionList li{width: 100%;position: relative;background: #f7f7f7;transition: 0.5s}
.solutionList li:before,
.solutionList li:after{content: '';position: absolute;transition: 0.5s}
.solutionList li:before{width: 0px; height: 3px; background: #c8161d}
.solutionList li:after{width: 100%;height: 100%;background: url("../images/solutionList_bg.png") no-repeat right bottom; background-size: 100%;bottom: 0;}
.solutionList .desc{padding: 6% 8%;position: relative; z-index: 5}
.solutionList h4{font-size: 1.5em;}
.solutionList p{margin-top: 1.5em; margin-bottom:2em; line-height:1.875;color: #555555}
.solutionList .lmore .go{font-style: normal;transition: 0.5s}
.solutionList .lmore .go:after{margin-left: 0.9375em;}
.solutionList li:not(:hover) .lmore .go{color: #555555; background-image: url(../images/button_02_gray.png)}
.solutionList li:not(:hover) .lmore .go:after{background-image: url(../images/arrow_right_01_gray.png)}
.solutionList li:not(:hover):after{filter:grayscale(100%);}
.solutionList li:hover{background: #fff;box-shadow: 0 5px 25px rgba(0,30,61,0.1);}
.solutionList li:hover:before{width: 100%}
@media only screen and (min-width:750px){
    .solutionList li{width:  calc(670/1400*100%)}
    .solutionList li:nth-child(2)~li{margin-top: calc(60/1400*100%);}
}
@media only screen and (max-width:750px){
    .solutionList li:not(:last-child){margin-bottom: 4%}
}

.caseCategory ul{justify-content: center;padding-bottom: 4%}
.caseCategory li{padding: .5em 1.5em;}
.caseCategory li a{display: inline-block; cursor: pointer;position: relative}
.caseCategory li.aon a{color: #c8161d;}
.caseCategory li.aon a:after{content: '';position: absolute; width: 100%;height: 3px;left: 0; bottom: -8px; background: #c8161d}
@media only screen and (max-width:750px){
    .caseCategory ul{justify-content: flex-start}
}

.caseList {padding-bottom: 5.46875%}
.caseList li{width:100%;}
.caseList li .text{position: relative;overflow: hidden; z-index: 10;padding:4.77272727% 6.81818182% 6.13636364%;transition: 0.5s}
.caseList li h4{font-size: 1.125em;font-weight:lighter;margin-bottom:0.8125em;}
.caseList li .img{padding-bottom:75%;}
.caseList li .more{font-weight:lighter;transition:0.5s;position: relative;height: 0; overflow: hidden}
.caseList li .more span{line-height: 30px; display:inline-block;vertical-align:middle;background:url(../images/arrow_right_01.png) no-repeat right center;padding-right:1.875em;background-size:0.9375em auto;}
.caseList li .info{display:block;background-color:#fff;transition:all 0.3s;}
.caseList li .info:hover{background-color:#c8161d;color:#fff;}
.caseList li .info:hover .img{transform:scale(1.05);}
.caseList li .info:hover h4{color: #fff}
.caseList li .info:hover .more{height:30px;}
.caseList li .info:hover .more span{color: #fff}
@media only screen and (min-width:750px){
    .caseList li{width: calc(440/1400*100%)}
    .caseList li:nth-child(3n+2){margin-left: calc(40/1400*100%);margin-right: calc(40/1400*100%)}
    .caseList li:nth-child(3)~li{margin-top: calc(40/1400*100%);}
    .caseList li .info:hover .text{margin-top: -30px;background-color: #c8161d}
    .caseList li .info:hover .more{height: calc( 30 / 16 * 1em);}
}
@media only screen and (max-width:750px){
    .caseList li{ padding-bottom: 2%; margin-bottom:6%; border-bottom: solid 1px #eee}
    .caseList li h4{margin-bottom: 0!important;}
    .caseList li .info:not(:hover) .text{padding-left: 0!important; padding-right: 0!important}
    .caseList li .more{display: none}
}
/*2024-05-11 end*/




/*2024-06-16 start*/
.fs18{font-size: 1.125em;}
.fs20{font-size: 1.250em;}
.fs22{font-size: 1.375em;}
.fs24{font-size: 1.5em;}
#submenu li{cursor: pointer}
.body_party #banner .box{text-align: center;}
.body_party #banner .name{ font-size:calc(100vw*100/1920); line-height: 2; -webkit-background-clip: text;   -webkit-text-fill-color: transparent; background-image: linear-gradient(180deg, #f99f08 30%, #ca341e 80%); color: #ca341e;}
.body_party #banner .intro{font-size:calc(100vw*24/1920);color: #c8161d; max-width: 800px;margin: auto}
.body_party #banner .intro:before,
.body_party #banner .intro:after{content: ''; display: block; width: 100%; height: 2px; background: linear-gradient(90deg,rgba(200,22,29,0),rgba(200,22,29,1),rgba(200,22,29,0))}
.body_party #banner .intro:before{margin-bottom: 3%}
.body_party #banner .intro:after{margin-top: 3%}
@media(max-width:768px){
    .body_party #banner .name{ font-size:calc(100vw*100/1024)}
    .body_party #banner .intro{font-size:calc(100vw*24/1024)}
}

.party_main section{padding-top: 8%; padding-bottom:8%;}
.party_main .more{color: #c8161d; padding-right: 27px; background: url("../images/jt-right.svg") no-repeat right}
.party_main h4{font-weight: normal}
.party_main #pagenavi{padding-top: 4%}
.party_main figure{overflow: hidden; position: relative;}
.party_main figure img{position: absolute; width: 100%; height: 100%; object-fit: cover;-0-object-fit: cover;}
.party_main time{color: #666666}
.party_main .subtit{line-height: 2; align-items: center; justify-content: space-between; padding-bottom:6%}
.party_main .subtit span{display: inline-block;}
.party_main .subtit span:after{content: ''; display: block; width: 50%; height: 4px;background: linear-gradient(90deg,#c8161d,#ffffff)}
.party_main .slide .button-white{color: #fff; width: 40px; height: 40px; border: solid 1px #fff; }
.party_main .slide .button-white:after{font-size: 18px;}
.party_main .slide .button-white:hover{background: #c8161d; border-color: #c8161d}

.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:30;}
.video_files video{width:100%; height:100%; background-color:#000; position: absolute;}
.video_files .close{position: absolute;top: 3%;left: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#ea5504,#ff6e03);cursor: pointer;}
.video_files .close::before,
.video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_files .close::before{ transform:rotate(45deg);}
.video_files .close::after{ transform:rotate(-45deg);}

.video_files.full{position: fixed}
.video_files.full .close{left: auto; right: 2%}

/*.party_news .slide .swiper-slide{width:20%; padding: 30px 0;transition: 0.5s}*/
.party_news .slide .swiper-slide a{display: block;width:100%;transform: translateY(30px);transition:0.5s; position: relative}
.party_news .slide .swiper-slide figure{padding-bottom:56.25%;position: relative;}
.party_news .slide .swiper-slide figure:before,
.party_news .slide .swiper-slide figure::after{content: ''; z-index: 2; position: absolute; width: 20px; height: 20px; background:linear-gradient(45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%);}
.party_news .slide .swiper-slide figure:before{top:0; right: 0}
.party_news .slide .swiper-slide figure:after{bottom: 0; left: 0; transform:rotate(180deg)}
.party_news .slide .swiper-slide .text{opacity: 0; transition: 0.5s; text-align: center;padding-top:30px}
.party_news .slide .swiper-slide .text p{padding-top: 20px}
.party_news .slide .swiper-slide .text time{padding-right: 27px}
.party_news .slide .swiper-slide-prev a,
.party_news .slide .swiper-slide-active a{transform: translateY(0px);}
/*.party_news .slide .swiper-slide-prev{width:60%;padding-left: 20px; padding-right: 20px;}*/
/*.party_news .slide .swiper-slide-prev figure{padding-bottom:450px;}*/
.party_news .slide .swiper-slide-prev figure:before,
.party_news .slide .swiper-slide-prev figure::after{width:40px; height:40px; }
.party_news .slide .swiper-slide-active .text{opacity: 1}
.party_news .slide .swiper-pagination{position: inherit;padding-top: 1%; padding-bottom: 3%}
.party_news .slide .swiper-pagination-bullet{width: 46px; height: 6px; border-radius: 0; margin: 0px 15px}
.party_news .slide .swiper-pagination-bullet-active{background: #c8161d}
.party_news .slide .button-white{top:40%;}

.party_news .swiperbox {overflow:hidden;}
.party_news .swiperbox .swiper {width:57.142857%; margin:0 auto; overflow:visible;}
.party_news .swiperbox .swiper-slide{padding: 30px 0;transition: 0.5s}
.party_news .swiperbox .swiper-slide-prev {transform:scale(0.93); transform-origin:right bottom;}
.party_news .swiperbox .swiper-slide-next {transform:scale(0.93); transform-origin:left top; padding-top:0;}
@media(max-width:768px){
    .party_news .slide .swiper-slide .text{opacity: 1}
    .party_news .slide .swiper-pagination-bullet{width:20px; height: 3px;}
}

.party_news .list ul{justify-content: space-between}
.party_news .list li,
.party_news .list ul:after{width:calc(450/1400*100%)}
.party_news .list ul:after{content: '';}
.party_news .list li{background: linear-gradient(45deg,#ffffff 5%,#e5e5e5 5%,#e5e5e5 95%,#ffffff 95%);position: relative}
.party_news .list li:after{content: ''; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px;background: linear-gradient(45deg,rgba(255,255,255,0) 5%,#ffffff 5%,#ffffff 95%,rgba(255,255,255,0) 95%);}
.party_news .list li a{display: block; padding: 14% 8% 6% 8%;position: relative; z-index: 2; transition: 0.5s}
.party_news .list li h4{line-height: 34px; height: 68px; margin-bottom: 10px;}
.party_news .list li time{color: #666666;}
.party_news .list li p{text-align: right}
.party_news .list li p .more{opacity: 0; transition: 0.5s}
.party_news .list li:hover{background: linear-gradient(45deg,#ffffff 5%,#fdf6f6 5%,#fdf6f6 95%,#ffffff 95%);}
.party_news .list li:hover a{padding-top: 10%; padding-bottom: 10%}
.party_news .list li:hover:after{opacity: 0}
.party_news .list li:hover .more{opacity: 1}
@media(max-width:768px){
    .party_news .list li,
    .party_news .list ul:after{width:100%}
    .party_news .list li:not(:last-child){margin-bottom: 4%}
    .party_news .list li a{padding: 6% 4% 2% 4%}
    .party_news .list li h4{line-height:1.6; height: auto}
    .party_news .list li:hover a{padding-top:4%; padding-bottom:4%}
}

.party_study{background-color: #f7f7f7}
.party_study .main{justify-content: space-between}
.party_study .box_left,
.party_study .box_right{width: calc(680/1400*100%)}
.party_study .list li{border-bottom: solid 1px #e5e5e5;padding: 3.861% 0;}
.party_study .slide:before,
.party_study .slide:after{content: ''; position: absolute; background: no-repeat; z-index: 10}
.party_study .slide:before{top:0; right: 0; background-image: url("../images/img-bgt.png"); width: 38px; height: 86px;}
.party_study .slide:after{bottom:0; left: 0; background-image: url("../images/img-bgb.png"); width: 86px; height: 38px;}
.party_study .slide li{position: relative;}
.party_study .slide figure{padding-bottom:66.766%;  background-color: #000}
.party_study .slide figure img{opacity: 0.8; transition: 0.5s}
.party_study .slide .text{color: #fff;background: rgba(0,0,0,0.7); position: absolute; width: 100%; bottom: -30%;padding: 3% 6%; opacity: 0; transition: 0.5s}
.party_study .slide li:hover .text{opacity: 1; bottom: 0}
.party_study .slide li .play_video{position: absolute; z-index: 10; width: 60px; height: 60px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; background: url("../images/play-video.svg") no-repeat center center}
.party_study .slide .button-white{opacity: 0;opacity: 0.5s}
.party_study .slide .swiper-pagination{display: flex; justify-content: center; align-items: center; bottom:8%; transition: 0.5s}
.party_study .slide .swiper-pagination-bullet{background: #ffffff; margin: 0 12px; opacity: 1;}
.party_study .slide .swiper-pagination-bullet-active{width: 18px; height: 18px; background: url("../images/swiper-icon.png") no-repeat center center}
.party_study .slide:hover .swiper-pagination{bottom:20%}
.party_study .slide:hover .button-white{opacity: 1}
.party_study .slide:hover figure img{opacity: 1}
.party_study .showplay .button-white,
.party_study .showplay .swiper-pagination{display: none}
@media(max-width:768px){
    .party_study .box_left,
    .party_study .box_right{width: 100%}
    .party_study .box_right{padding-top: 6%}
}

.party_style .columnname{margin-bottom: 2%}
.party_style .list li{border-bottom: solid 1px #e5e5e5; line-height: 80px; background: url("../images/jt-right.svg") no-repeat right center}
.party_style .list li time{padding-right: 3%}
@media(max-width:768px){
    .party_style .list li{line-height: 2.6; }

    .party_news .swiperbox .swiper {width:auto;}
}
/*2024-06-16 end*/
#pagenavi span.p_page em {display:flex; flex-wrap:wrap;}

.search-current{padding:1.53125em 0;}